Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: XDmitry от 02 Ноября 2003, 13:20:59

Название: css problem
Отправлено: XDmitry от 02 Ноября 2003, 13:20:59
Есть вот такой кусочек кода:


abc
def
ghj

abc
def
ghj

zxc
qqq
 cvb

abc

def
ghj


zxc

qqq
cvb


abc
def
ghj

abc
def
ghj



вопрос: почему браузер (ie 5.5, opera 7.21) плюёт на display: inline когда
находится внутри

? что надо подкрутить, чтобы у вышеупомянутого

внутри

display был inline, или это не лечится?

Название: css problem
Отправлено: Xander от 02 Ноября 2003, 19:00:17
попробуй прописать отдельный стиль
p h5 {...}
Название: css problem
Отправлено: XDmitry от 02 Ноября 2003, 20:58:51
однако, не помогает
Название: css problem
Отправлено: Xander от 02 Ноября 2003, 21:03:04
сейчас погоняю у себя
Название: css problem
Отправлено: Xander от 02 Ноября 2003, 21:18:15
цитата из стандарта HTML 4:
Цитировать

The P element represents a paragraph. It cannot contain block-level elements (including P itself).


А поскольку абазац

не может содержать в себе блочные элементы, то он автоматически перед ними закрывается, невзирая на то, что именно вы имели в виду, когда писали

abc

def
ghj



В результате h5 не внутри, а после. И перенос строки, с которым вы боролись, принадлежит не h5, а p. Вот с этой стороны и надо подходить...

P.S. а вообще сходите на w3c.org и скачайте там полное описание CSS2 и HTML 4. От них обычно больше пользы, чем от форумов.

И еще вот что - поставьте Мозиллу. В ней есть DOM Inspector, который умеет  показывать границы элементов, их CSS-описание, и прочее, что может понадобиться веб-разработчику.
Название: css problem
Отправлено: XDmitry от 03 Ноября 2003, 14:14:30
спасибо!