|
Div'ная вёрстка жрёт мозг, нужна помощь с растягивание.
|
|
| Deks | Дата: 29 Апреля 2010, 23:14 | Сообщение # 1 |  ● ● ● ● ● 258 сообщений Статус: Offline | Вот значит хотелось бы узнать мнение экспертов.
Реально ли реализовать через div вот это:
http://i027.radikal.ru/1004/f5/5122652567bc.jpg если да, то как сделать так, чтобы фраза слева от полоски была строго по центру независимо от кол-ва материалов и их длинны. вобщем как написать полностью этот блок через div 
как всегда с меня радости-сладости в виде плюсов всем кто проявит инициативу  | | |
|
| MegaFill | Дата: 30 Апреля 2010, 00:05 | Сообщение # 2 |  ● ● ● ● ● 1588 сообщений Статус: Offline | js получаете высоту блока, а потом сдигаете надпись по центру.
П.С. Готовый код стоит как минимум картошку в макдаке, так что 2$ и код ваш  | | |
|
| kydapodatsya | Дата: 30 Апреля 2010, 00:32 | Сообщение # 3 |  ● ● ● ● ● Дизайнер 2557 сообщений Статус: Offline |
Предлагать платные услуги дозволено только администрации и ее представителям (Группы: Администраторы, Модераторы, SystemStudio, Advanced User) | | |
|
| Deks | Отредактировал Deks - Пятница, 30 Апреля 2010, 01:31 Дата: 30 Апреля 2010, 01:30 | Сообщение # 4 | ● ● ● ● ● 258 сообщений Статус: Offline | Сорри, но ты нарушаешь правила и здесь можно обойтись без jS | | |
|
| kanat07 | Дата: 30 Апреля 2010, 02:10 | Сообщение # 5 |  ● ● ● ● ● 735 сообщений Статус: Offline | а чем тебе table не нравиться? | | |
|
| CrazyFENIX | Дата: 30 Апреля 2010, 02:57 | Сообщение # 6 |  ● ● ● ● ● 299 сообщений Статус: Offline | Quote (Deks) чтобы фраза слева от полоски была строго по центру
line-height | | |
|
| MegaFill | Дата: 30 Апреля 2010, 07:43 | Сообщение # 7 | ● ● ● ● ● 1588 сообщений Статус: Offline | Предлагать платные услуги дозволено только администрации и ее представителям (Группы: Администраторы, Модераторы, SystemStudio, Advanced User)
спс кэп!
и здесь можно обойтись без jS
Пиздешь Нет. Дивные элементы не имеюют параматра выравнвиания по вертикальной середине. ЧТобы сделать ровно, надо знать высоту.
CrazyFENIX, Добавь еще пару строчек в вид нвоости и все уже криво... | | |
|
| kanat07 | Дата: 30 Апреля 2010, 07:55 | Сообщение # 8 | ● ● ● ● ● 735 сообщений Статус: Offline | Можно что-то натварить с padding. | | |
|
| Deks | Дата: 30 Апреля 2010, 12:19 | Сообщение # 9 | ● ● ● ● ● 258 сообщений Статус: Offline | Тогда через table этот фрагмент можно сделать ;] Добавлено (30 Апрель 2010, 12:18)
---------------------------------------------
как и говорил за любую помощь плюс
лови плюсик Добавлено (30 Апрель 2010, 12:19)
---------------------------------------------
а чем тебе table не нравиться? а как именно? | | |
|
| Бармалей | Дата: 30 Апреля 2010, 13:19 | Сообщение # 10 | ● ● ● ● ● Тиран 7772 сообщения Статус: Offline | MegaFill, а еще хвастался, что учил верстку, пока остальные учили JS... Позиционируем блок с надписью внутри родительского блока, задаем позицию сверху 50% и верхний маргин в половину высоты текста со знаком минус. Но в этом случае лучше использовать таблицы.
 | | |
|
| MegaFill | Дата: 30 Апреля 2010, 14:13 | Сообщение # 11 | ● ● ● ● ● 1588 сообщений Статус: Offline | а еще хвастался, что учил верстку, пока остальные учили JS...
Ага ,я учил, а вы камасутру хтмл изучали
Позиционируем блок с надписью внутри родительского блока, задаем позицию сверху 50% и верхний маргин в половину высоты текста со знаком минус.
IE разве так умеет?) И вообще посмотрите на время моего сообщения и не придирайтесь >.< Добавлено (30 Апрель 2010, 14:13)
---------------------------------------------
Позиционируем блок с надписью внутри родительского блока, задаем позицию сверху 50% и верхний маргин в половину высоты текста со знаком минус.
А я делал вот так: Блок с надписью через absolute, top:50%; И саму надпись сдвигал relative;bottom:50%... Но с маргином проще наверное... Только вот насчет ИЕ сомневаюсь... | | |
|
| Deks | Дата: 30 Апреля 2010, 18:20 | Сообщение # 12 | ● ● ● ● ● 258 сообщений Статус: Offline | так как это реализовать-то? о_0   | | |
|
| kanat07 | Отредактировал kanat07 - Суббота, 01 Мая 2010, 10:54 Дата: 01 Мая 2010, 05:07 | Сообщение # 13 | ● ● ● ● ● 735 сообщений Статус: Offline | Deks, ты че 1-й день в интернете? Code <table><tr>
<td valign="middle">
Bla-BLA
</td>
<td valign="top">
ssfasdfasdf
</td>
</tr></table> | | |
|
| Deks | Дата: 01 Мая 2010, 10:34 | Сообщение # 14 | ● ● ● ● ● 258 сообщений Статус: Offline | Deks, ты че 1-й день в интернете? Code <table>
<td valign="middle">
Bla-BLA
</td>
<td valign="top">
ssfasdfasdf
</td>
</table> глупость написал не вижу ничего общего с задачей поставленной | | |
|
| kanat07 | Дата: 01 Мая 2010, 10:54 | Сообщение # 15 | ● ● ● ● ● 735 сообщений Статус: Offline | | | |
|
| Deks | Дата: 01 Мая 2010, 16:25 | Сообщение # 16 | ● ● ● ● ● 258 сообщений Статус: Offline | шутка самосмейка? сам сказал, сам посмеялся | | |
|
