Дизайн и Верстка > Всё о Html

css problem

(1/2) > >>

XDmitry:
Есть вот такой кусочек кода:


* {
    font-size : 12px;
}
h5 {
   display: inline;
   padding-right: 5px;
}

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, или это не лечится?

Xander:
попробуй прописать отдельный стиль
p h5 {...}

XDmitry:
однако, не помогает

Xander:
сейчас погоняю у себя

Xander:
цитата из стандарта 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-описание, и прочее, что может понадобиться веб-разработчику.

Навигация

[0] Главная страница сообщений

[#] Следующая страница