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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: текст поплыл после <img> в <p>

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


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

> Описание: почему браузер невалидно разбирает
DlTA
Отправлено: 06 Апреля, 2012 - 09:49:30
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2952
Дата рег-ции: Окт. 2010  


Помог: 53 раз(а)




имеем html:
CODE (html):
скопировать код в буфер обмена
  1. <p>
  2.   1Текст...
  3.   <center><img></center>
  4.   2Текст...
  5. </p>

для <p> определено выравнивание
CODE (css):
скопировать код в буфер обмена
  1. p {
  2.   text-align: justify;
  3. }


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

хром понимает этот html так:
CODE (html):
скопировать код в буфер обмена
  1. <p>1текст</p>
  2. <center><img></center>
  3. 2текст
  4. <p></p>

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

п.с. код в браузер передается правильно и без ошибок, попытки сказать "проверьте что у вас в html" не катят, так как это я сделал в первую очередь.
 
 Top
Zuldek
Отправлено: 06 Апреля, 2012 - 09:58:06
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)




какой доктайп?
 
 Top
DlTA
Отправлено: 06 Апреля, 2012 - 09:59:58
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2952
Дата рег-ции: Окт. 2010  


Помог: 53 раз(а)




<!DOCTYPE html>
 
 Top
Zuldek
Отправлено: 06 Апреля, 2012 - 10:06:23
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)




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

(Отредактировано автором: 06 Апреля, 2012 - 10:07:49)

 
 Top
DlTA
Отправлено: 06 Апреля, 2012 - 10:25:04
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2952
Дата рег-ции: Окт. 2010  


Помог: 53 раз(а)




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

правда заметил что такая же петрушка и с
CODE (html):
скопировать код в буфер обмена
  1. <p>
  2.   1текст
  3.   <ul>
  4.     <li>текст</li>
  5.   </ul>
  6.   2текст
  7. </p>

до ul все нормально а после плывет, тут то че? ul в html5 не запрешен.
 
 Top
Zuldek
Отправлено: 06 Апреля, 2012 - 10:32:45
Post Id


Постоянный участник


Покинул форум
Сообщений всего: 2122
Дата рег-ции: Июнь 2010  


Помог: 50 раз(а)




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

(Отредактировано автором: 06 Апреля, 2012 - 10:35:01)

 
 Top
DlTA
Отправлено: 06 Апреля, 2012 - 10:37:40
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2952
Дата рег-ции: Окт. 2010  


Помог: 53 раз(а)




печально
+
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB