nik70
-
Posts
5 -
Joined
-
Last visited
nik70's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо, Вы мне помогли.
-
прочитал еще некоторый раз. Спецификацию. Неужели? Выравнивание происходит в инлайн боксе, высота которого регулируется с помощью 'line-height'. По этому я не видел изменений, т.к. ожидал изменений (выравнивания) относительно "height: 400px". Так? Ну очень похоже! Если так, то как(где) в этом случае проявляется "height: 400px" (код в первом топике) ? Игнорируется, т.к. согласно спецификации: "Применяется: ко всем элементам, кроме незамещаемых инлайн-элементов, рядов таблиц и групп рядов" Так штоли?
-
Спасибо, становится теплее в ситуации "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-ох браузерах, разных."
-
пробовал назначить диву display: table; vertical-align: middle; текст жмется вверх... редиска. А надо по середине. Как же обойтись без маржинов и пейжинов? Я думал это просто. Кстати, PSYWALKER, Ваша подпись... Вы предпочитаете верстать в таблицах? Другими словами, Вы в первую очередь рассматриваете возможность и целесообразность табличной верстки? обещаю не спрашивать "почему?" написано много, но все в пользу дивов, поэтому заинтересовала Ваша подпись.
-
Люди, проясните ,пожалуйста! Грызу мат. часть, наметился пробел в понимании. Вопрос в следующем: 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>