Jump to content

nik70

Newbie
  • Posts

    5
  • Joined

  • Last visited

Everything posted by nik70

  1. прочитал еще некоторый раз. Спецификацию. Неужели? Выравнивание происходит в инлайн боксе, высота которого регулируется с помощью 'line-height'. По этому я не видел изменений, т.к. ожидал изменений (выравнивания) относительно "height: 400px". Так? Ну очень похоже! Если так, то как(где) в этом случае проявляется "height: 400px" (код в первом топике) ? Игнорируется, т.к. согласно спецификации: "Применяется: ко всем элементам, кроме незамещаемых инлайн-элементов, рядов таблиц и групп рядов" Так штоли?
  2. Спасибо, становится теплее в ситуации "display: table-cell" Но в остальном полный мороз. Не пойму где я не пойМУ. Подскажите, плиз где я не правильно рассуждаю, если я рассуждаю так: "1. Назначая контейнеру "display: inline", я прошу, хоть не надолго (в конце концов требую) генерировать инлайн-бокс. 2. Назначая контейнеру "vertical-align: middle", я указываю правила выравнивания, в этом контейнере, для инлайн элементов. 3. Если, я вложу в контейнер текст, не заключенный в теги, то текст будет иметь инлайн свойства. 4. Если, я вложу в контейнер текст, заключенный в теги <P> и при помощи CSS, назначу ему "display: inline" то он будет иметь инлайн свойства. 5. Если в п.1-4 все правильно, то должно работать выравнивание текста по вертикали в следующем примере: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> <!-- .bb { width: auto; height: 400px; font-weight:900; text-align: center; display: inline; vertical-align: middle; } p { display: inline; } --> </style> </head> <body> <div class="bb"> Как этот текст меня достал!!!!!!! <p>А-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а-а!</p> </div> </body> </html> однако не выравнивает, проверял в 4-ох браузерах, разных."
  3. пробовал назначить диву display: table; vertical-align: middle; текст жмется вверх... редиска. А надо по середине. Как же обойтись без маржинов и пейжинов? Я думал это просто. Кстати, PSYWALKER, Ваша подпись... Вы предпочитаете верстать в таблицах? Другими словами, Вы в первую очередь рассматриваете возможность и целесообразность табличной верстки? обещаю не спрашивать "почему?" написано много, но все в пользу дивов, поэтому заинтересовала Ваша подпись.
  4. Люди, проясните ,пожалуйста! Грызу мат. часть, наметился пробел в понимании. Вопрос в следующем: 1. Почему в ниже приведенном примере не работает выравнивание текста по вертикали, с помощью "vertical-align"? Конфликт инлайновых и блочных категорий? 2. Как при помощи CSS, в Div выравнять текст по вертикали без применения маржинов и пейжинов (что-нибудь типа text-align: center; - тока по вертикали...)? Утопия? Капец, сам не угрызу... У кого есть разжеванное? Спасибо за внимание. <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>Документ без названия</TITLE> <STYLE type="text/css"> <!-- .bb { width: auto; height: 400px; font-weight:900; text-align: center; vertical-align:middle; } --> </STYLE> </HEAD> <BODY> <DIV class="bb"> <P>Как этот текст вертикально отцентрировать по вертикали? При помощи свойств CSS! Почему не работает vertical-align?</P> </DIV> </BODY> </HTML>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy