Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Объясните фантастику с DOCTYPE!
 
 автор: Vyacheslav Tsv.   (21.02.2010 в 16:39)   письмо автору
 
 

Когда прописываю в документе:
<!DOCTYPE html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-cache">
...
то изображения не получается состыковывать вместе.

Попытаюсь изобразить:
|||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||img|||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||

|||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||img|||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||


Когда закомментировал строку с <!DOCTYPE html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">, т.е. стало просто
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-cache">
...
то изображения получилось свести:
|||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||img|||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||
|||||||||||||||||img|||||||||||||||||||||
|||||||||||||||||||||||||||||||||||||||||


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

  Ответить  
 
 автор: Vyacheslav Tsv.   (21.02.2010 в 16:44)   письмо автору
 
   для: Vyacheslav Tsv.   (21.02.2010 в 16:39)
 

Меня эта строчка и не беспокоила бы, точнее её отсуствие. Но документ не валидный без неё. А вот это меня и огорчает.

  Ответить  
 
 автор: АЯ   (21.02.2010 в 17:24)   письмо автору
 
   для: Vyacheslav Tsv.   (21.02.2010 в 16:44)
 

Дайте здесь код, где прописаны оба ваших тега <IMG> - попробуем объяснить.

Только дайте AS IS - со всеми вашими пробелами и переносами строк в HTML-коде и со всеми стилями, которые касаются позиционирования тегов <IMG> (вынесите в отдельный блок <STYLE>)

Насчет "всех ваших пробелов и переносов строк" поясню.
Однажды товарищ спросил - "А почему текстовая область по-умолчанию имеет какую-то длину своего value и почему всякий раз - разную?"
Я ему объяснял, что такого быть не может.
А он мне долго никак не верил, ибо у него было иначе.
Наконец-то он дал ссылку на файл, помещённый в сети, где я и увидел:
...
<textarea>
          </textarea>
...
Мысль поняли? :-)

  Ответить  
 
 автор: Vyacheslav Tsvetkov   (21.02.2010 в 21:47)   письмо автору
 
   для: АЯ   (21.02.2010 в 17:24)
 

Мысль понятна. Но не в этом дело. Сам, конечно же, пробовал убирать все пустые строки и пробелы — вплотную делал код. Не влияло. Но, раз просите:

В <style type... прописана одна строчка, касающаяся тега img:
img { margin: 0 0 0 0; padding: 0 0 0 0; text-decoration: none; border: 0 }

В теле страницы:
<p><a href="#" title="#"><img src="...contacts344x50_0.gif" width="290" height="20" alt="#"></a><br>
<a href="#" title="#"><img src="...contacts344x50_1.gif" width="290" height="30" alt="#"></a></p>


В целях конфиденциальности ссылки и подписи заменил на #, ...

  Ответить  
 
 автор: АЯ   (21.02.2010 в 23:58)   письмо автору
 
   для: Vyacheslav Tsvetkov   (21.02.2010 в 21:47)
 

p a img {margin: 0; padding: 0; text-decoration: none; border: none}

  Ответить  
 
 автор: Vyacheslav Tsvetkov   (22.02.2010 в 13:22)   письмо автору
 
   для: АЯ   (21.02.2010 в 23:58)
 

Нет, это глупость, извините.

  Ответить  
 
 автор: АЯ   (22.02.2010 в 15:02)   письмо автору
 
   для: Vyacheslav Tsvetkov   (22.02.2010 в 13:22)
 

Не извиняю.

Я был ВЫНУЖДЕН написать именно это, потому как именно у вас не хватило ума сообщить правила стилей для тегов <A> и <P>.
Ибо зазор может быть образован не свойствами тега <IMG>, а свойствами тегов <А> и <P>, в которые вы свои <IMG> "засунули".

Кстати, страница, где HTML-код совпадает с вами указанным на 100% (т.е. НЕТ никаких правил для тегов <P> и <A>), прекрасно работает со "строгим" доктайпом во всех браузерах.

  Ответить  
 
 автор: Vyacheslav Tsvetkov   (24.02.2010 в 03:04)   письмо автору
 
   для: АЯ   (22.02.2010 в 15:02)
 

Я удалял все правила для a и p.

  Ответить  
 
 автор: Vyacheslav Tsvetkov   (22.02.2010 в 13:24)   письмо автору
 
   для: Vyacheslav Tsv.   (21.02.2010 в 16:39)
 

Чистый Passed сумел достичь только с помощью:
<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования