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 :: DOCTYPE и Разметка

 PHP.SU

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


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

> Без описания
eai
Отправлено: 11 Июля, 2011 - 12:04:15
Post Id



Частый посетитель


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


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




Коллеги, спасите готов ряхнуться, не могу понять в чем затык

Простенькая страница

CODE (html):
скопировать код в буфер обмена
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.  <head>
  4.    <title>1111</title>
  5.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  6.  </head>
  7.  <body>
  8. <table border="1" cellpadding="0" cellspacing="0" width="940"  align="center">
  9. <tr><td><img src="img/topline.png"/></td></tr>
  10. </table>
  11. </body>
  12. </html>


Под картинкой упорно появляются снизу 6 пикселов.
Причем если убрать DOCTYPE то корректно отображается.
Не понимаю в чем беда.

Тестировано FF&Chrome&Opera + Android under Ubuntu

(Отредактировано автором: 11 Июля, 2011 - 12:09:46)

 
 Top
LIME
Отправлено: 11 Июля, 2011 - 12:24:06
Post Id


Активный участник


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


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




eai странно
у меня все ok
opera ff ie6даже
(Добавление)
может дело в картинке
попробуйте поменять навсякий
я jpg пользовал
 
 Top
eai
Отправлено: 11 Июля, 2011 - 13:08:17
Post Id



Частый посетитель


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


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




Нашел вендовую машину, там нормально под IE отобразилось

Под Linux проблемы и не только у меня (у других проверял)
Chrome под вендой тоже не верно отражает.

(Отредактировано автором: 11 Июля, 2011 - 13:11:53)

 
 Top
LIME
Отправлено: 11 Июля, 2011 - 13:19:47
Post Id


Активный участник


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


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




ubuntu + ff ok
не вру ))
(Добавление)
свой аватар подставлял в код
в ту же папку где хтмл
(Добавление)
eai пишет:
Под картинкой упорно появляются снизу 6 пикселов.

блин...я не понял сразу ...тупанул
да у меня тоже
(Добавление)
причем в ie6 просто зазор меньше 1-2px но есть
видимо такие особености
(Добавление)
eai а может дивами?
смысле без таблицы
 
 Top
eai
Отправлено: 11 Июля, 2011 - 14:08:02
Post Id



Частый посетитель


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


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




LIME пишет:
ubuntu + ff ok
eai а может дивами?
смысле без таблицы


Как то не лежит душа к такому стилю если сайт делается не на всяких JQuery там.
Скорее уж без указания стандарта в режиме совместимости гонять Улыбка

Удивительно что как то никто с этим не сталкивался

Есть подозрение что есть какой то стиль по умолчанию который сие и вытворяет

Любопытно что переходный прокатывает
CODE (html):
скопировать код в буфер обмена
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2.   "http://www.w3.org/TR/html4/loose.dtd">

(Добавление)
Уф, нашел выход

CODE (htmlphp):
скопировать код в буфер обмена
  1. vertical-align: bottom;

(Отредактировано автором: 11 Июля, 2011 - 14:16:12)

 
 Top
LIME
Отправлено: 11 Июля, 2011 - 14:35:21
Post Id


Активный участник


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


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




eai точно)) Круто
 
 Top
eai
Отправлено: 11 Июля, 2011 - 14:44:21
Post Id



Частый посетитель


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


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




И ваще стандарт почитал типа не рекомендутеся всякие аттрибуты пользовать а стилями усе
 
 Top
LIME
Отправлено: 11 Июля, 2011 - 14:49:50
Post Id


Активный участник


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


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




eai пишет:
пользовать а стилями усе

например...у меня неполучилось пример переделать
хочу видеть
 
 Top
eai
Отправлено: 11 Июля, 2011 - 15:40:40
Post Id



Частый посетитель


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


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




CODE (html):
скопировать код в буфер обмена
  1. .top
  2. {
  3.         margin-top: 0;
  4.         margin-bottom: 0;
  5.         margin-left: auto;
  6.         margin-right: auto;
  7.         padding:0;
  8.         spacing:0;
  9.         border:0;
  10.         border-collapse:collapse;
  11.         vertical-align: bottom;
  12. }
  13.  
  14. <table class="top">
  15. <tr>
  16.         <td class="top1"><img class="top" src="img/top1.gif"/></td>

(Отредактировано автором: 11 Июля, 2011 - 15:41:04)

 
 Top
Pavelbeginner
Отправлено: 12 Июля, 2011 - 01:07:06
Post Id



Частый посетитель


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


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




eai, лишние пиксели Вы видите по той причине, что по стандартам того доктайпа, который Вы юзаете, картинка считается строковым элементом, а к строковым элементам относится текст. Так вот в тексте есть понятие базовой линии. Базовая линия - это нижняя точка текста. Так вот в тексте есть буквы, которые располагаются чуть ниже базовой линии, к этим буквам относятся - у, щ, ц. Видите, что объединяет эти буквы? У них есть хвостик, который опущен ниже остальных букв. Так вот к чему я это все. Поскольку браузер считает картинку строковым элементом(текстом), то он специально выделяет для текста(а в Вашем случае картинки) 2 пикселя для хвостиков. Надеюсь, что понятно разъяснил. В общем, чтобы не было этих 2 пикселей, используйте следующие css свойства:
img
{
display:inline-block;
}
(Добавление)
Цитата:
Любопытно что переходный прокатывает


Поясню и этот момент. Поскольку переходный доктайп по сути дает браузерам интерпретировать css свойства, как ему угодно, то скорее всего Вам просто повезло, что браузеры по-умолчанию присваивали картинкам указанное мною выше css свойство. Вы можете проверить это через firebug.
(Добавление)
Цитата:
И ваще стандарт почитал типа не рекомендутеся всякие аттрибуты пользовать а стилями усе


То, что вы используете атрибуты никак не влияет на конечный результат. Стандарт рекомендует использовать стили не потому, что они работают безглюченно, а атрибуты глючат, а для того, чтобы отделить структуру от оформления.
 
 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