Форумы портала PHP.SU :: Версия для печати :: текст поплыл после <img> в <p>

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: текст поплыл после <img> в <p>

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » текст поплыл после <img> в <p>

Страниц (1): [1]

1. DlTA - 06 Апреля, 2012 - 09:49:30 - перейти к сообщению

имеем html:

CODE (html):
скопировать код в буфер обмена

<p>
  1Текст...
  <center><img></center>
  2Текст...
</p>

для <p> определено выравнивание

CODE (css):
скопировать код в буфер обмена

p {
  text-align: justify;
}

так вот 1тект (до картинки) выводится правильно
а после картинки выравнивание не срабатывает,

хром понимает этот html так:

CODE (html):
скопировать код в буфер обмена

<p>1текст</p>
<center><img></center>
2текст
<p></p>

в чем прроблема?

п.с. код в браузер передается правильно и без ошибок, попытки сказать "проверьте что у вас в html" не катят, так как это я сделал в первую очередь.

2. Zuldek - 06 Апреля, 2012 - 09:58:06 - перейти к сообщению

какой доктайп?

3. DlTA - 06 Апреля, 2012 - 09:59:58 - перейти к сообщению

<!DOCTYPE html>

4. Zuldek - 06 Апреля, 2012 - 10:06:23 - перейти к сообщению

Ставьте переходный доктайп, или ищите замену <center> в html5 он запрещен и браузеры показывают конструкции с ним каждый как хочет. <div class="center">...</div> или стиль для img

5. DlTA - 06 Апреля, 2012 - 10:25:04 - перейти к сообщению

помогло
выкинул "<center>",
а для изображения добавил свойство {display:block; margin:0px auto;}

правда заметил что такая же петрушка и с

CODE (html):
скопировать код в буфер обмена

<p>
  1текст
  <ul>
    <li>текст</li>
  </ul>
  2текст
</p>

до ul все нормально а после плывет, тут то че? ul в html5 не запрешен.

6. Zuldek - 06 Апреля, 2012 - 10:32:45 - перейти к сообщению

По стандарту <ul> внутри <p> идти не должен. Для фикса включи <ul> внутрь <div>. <ul> и <p> это теги форматирования текста а не структуры у них не должно быть прямой вложенности.
upd. в html5 <p> вообще может содержать только инлайн-элементы и картинки.

7. DlTA - 06 Апреля, 2012 - 10:37:40 - перейти к сообщению

печально
+