hmtl !doctype портит header

@shkipper · Регистрация: 29.06.2009

Студворк — интернет-сервис помощи студентам

Значит моя проблема заключается в том что я сделал в фотошопе header с кнопками, потом в imageReady порезал кнопки отдельно, ну и потом сохранил так, он мне код сгенерировал, ну я посмотрел код который он мне сделал проверил все работает супер, ну я давай интергрировать все это в уже существующую мою страничку и бац такая проблема что как то не так уж и хорошо все это складывается, я маялся маялся и обнаружил что это все из за того что у меня прописано:
<!DOCTYPE html PUBLIC "-//W3C/DTD XHTLM 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Убираю это и все супер, подходит никаких сдвигов, сново прописываю это и опять все как попало, почему это?
Как исправить не убирая доктайп, ведь не зря же он.
Что посоветуете дорогие форумчане?

Humanoid · 09.07.2009, 20:05

Доктайп указывает браузеру по каким стандартам обрабатывать страницу. Когда ты его убираешь, то браузер, скорее всего, считает его какой-нибудь версией html. Одно из основных отличий html от xhtml - то что для xhtml к одиночным тегам (у которых нет закрывающей пары) нужно добавлять косую черту. Например, если в html используется <br>, то в xhtml нужно писать <br />
Хотя, обычно браузерам до лампочки, как ты пишешь теги, но теоретически могут возникнуть проблемы при использовании этой черты в html и при её отсутствии в xhtml.

Разница в отступах, видимо, связана с какими-то мелкими отличиями у этих стандартов. Если html тебе больше нравится, то можешь просто поменять заголовок на

HTML5
1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Но при этом учти про разницу в написании тегов, о которой я сказал выше.

@shkipper · 09.07.2009, 21:32 **[ТС]**

да дело в том что все тэги я писал так как в XHTML было тоесть <br /> вот так вот, щас я пока везде убрал этот доктайп, но все таки хотелось что бы был XHTML но просто тогда проблема весь этот <table> сбивает весь мой header с меню, который я сделал, как вообще было бы правильно сделать? есть другой вариант использывания xhtml с правильным доктайпом что бы при этом тэйбл не сбивал все мои картинки?

Добавлено через 8 минут 41 секунду
вот у меня такой тэйбл был как доктайп вообще мог влиять что он как бы не склеивался я не пойму а?

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<table id="Table_01" width="1000" height="170" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="7">
            <img src="images/header_images/header-v1_01.gif" width="1000" height="127" alt=""></td>
    </tr>
    <tr>
        <td rowspan="3">
            <a href="index.html"><img src="images/header_images/index.gif" width="205" height="43" alt="" id="img_1" onMouseOver="rollOver('about', id)" onMouseOut="rollBack('index', id)"></a></td>
        <td rowspan="2">
            <a href="news.html"><img src="images/header_images/news.gif" width="195" height="38" alt="" id="img_2" onMouseOver="rollOver('news', id)" onMouseOut="rollBack('news', id)"></a></td>
        <td rowspan="3">
            <img src="images/header_images/header-v1_04.gif" width="4" height="43" alt=""></td>
        <td rowspan="2">
            <a href="album.html"><img src="images/header_images/album.gif" width="195" height="38" alt="" id="img_3" onMouseOver="rollOver('albom', id)" onMouseOut="rollBack('album', id)"></a></td>
        <td colspan="3">
            <img src="images/header_images/header-v1_06.gif" width="401" height="1" alt=""></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/header_images/header-v1_07.gif" width="4" height="42" alt=""></td>
        <td>
            <a href="contact.html"><img src="images/header_images/contact.gif" width="195" height="37" alt="" id="img_4" onMouseOver="rollOver('contact', id)" onMouseOut="rollBack('contact', id)"></a></td>
        <td rowspan="2">
            <img src="images/header_images/header-v1_09.gif" width="202" height="42" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="images/header_images/header-v1_10.gif" width="195" height="5" alt=""></td>
        <td>
            <img src="images/header_images/header-v1_11.gif" width="195" height="5" alt=""></td>
        <td>
            <img src="images/header_images/header-v1_12.gif" width="195" height="5" alt=""></td>
    </tr>
</table>

Добавлено через 28 минут 20 секунд
однако, ИЕ, эту таблицу хорошо интерпретирует и показывает, без всяких сбоев, одано Опера и Мозилла остаются на своем, расположение картинок хорошо но как то не складывается, так как пустое место есть итд итп

в чем может быть проблема?

@Ceran · 09.07.2009, 21:52

По стандарту XHTML следующие ошибки:
1. Не обозначена кодировка страницы
2. Тэги img должны закрываться так: " />" (пробел, слэш, угловая закрывающая скобка)
3. onMouseOver и onMouseOut должны быть написаны строчными буквами
4. В таблице есть параметр height который согласно стандарту может быть прописан только в блоке css (кроме случаев, когда он указан для изображений)

Вот вариант прошедший валидацию на официальном сайте w3org/

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />
<title></title>
<style type="text/css">
#Table_01   {
  height: 170;
  width: 1000;
  border: 0;
}
</style>
</head>
<body>
<table id="Table_01" cellpadding="0" cellspacing="0">
    <tr><td colspan="7"><img src="images/header_images/header-v1_01.gif" width="1000" height="127" alt="" /></td></tr>
    <tr>
        <td rowspan="3"><a href="index.html"><img src="images/header_images/index.gif" width="205" height="43" alt="" id="img_1" onmouseover="rollOver('about', id)" onmouseout="rollBack('index', id)" /></a></td>
        <td rowspan="2"><a href="news.html"><img src="images/header_images/news.gif" width="195" height="38" alt="" id="img_2" onmouseover="rollOver('news', id)" onmouseout="rollBack('news', id)" /></a></td>
        <td rowspan="3"><img src="images/header_images/header-v1_04.gif" width="4" height="43" alt="" /></td>
        <td rowspan="2"><a href="album.html"><img src="images/header_images/album.gif" width="195" height="38" alt="" id="img_3" onmouseover="rollOver('albom', id)" onmouseout="rollBack('album', id)" /></a></td>
        <td colspan="3"><img src="images/header_images/header-v1_06.gif" width="401" height="1" alt="" /></td>
    </tr>
    <tr>
        <td rowspan="2"><img src="images/header_images/header-v1_07.gif" width="4" height="42" alt="" /></td>
        <td><a href="contact.html"><img src="images/header_images/contact.gif" width="195" height="37" alt="" id="img_4" onmouseover="rollOver('contact', id)" onmouseout="rollBack('contact', id)" /></a></td>
        <td rowspan="2"><img src="images/header_images/header-v1_09.gif" width="202" height="42" alt="" /></td>
    </tr>
    <tr>
        <td><img src="images/header_images/header-v1_10.gif" width="195" height="5" alt="" /></td>
        <td><img src="images/header_images/header-v1_11.gif" width="195" height="5" alt="" /></td>
        <td><img src="images/header_images/header-v1_12.gif" width="195" height="5" alt="" /></td>
    </tr>
</table>
</body>
</html>

@shkipper · 09.07.2009, 22:18 **[ТС]**

Короче через валидэйтор провел, все ошибки исправил, но всеравно таблици не совпадают, мой Header, все картинки друг от друга в далике, не знаю, что делать, в ИЕ нормально работает в Опере и Мозилле, не понятно что получается!!! Дорогие форумчане, профи, подксажите, как же быть?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>header v1</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
#Table_01
{
    height:170px;
    width:1000px;
    border:0;
}
</style>
</head>
 
<body>
 
<table id="Table_01" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="7">
            <img src="images/header-v1_01.gif" width="1000" height="127" alt="" /></td>
    </tr>
    <tr>
        <td rowspan="3">
            <img src="images/header-v1_02.gif" width="205" height="43" alt="" /></td>
        <td rowspan="2">
            <img src="images/news.gif" width="195" height="38" alt="" /></td>
        <td rowspan="3">
            <img src="images/header-v1_04.gif" width="4" height="43" alt="" /></td>
        <td rowspan="2">
            <img src="images/album.gif" width="195" height="38" alt="" /></td>
        <td colspan="3">
            <img src="images/header-v1_06.gif" width="401" height="1" alt="" /></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img src="images/header-v1_07.gif" width="4" height="42" alt="" /></td>
        <td>
            <img src="images/contact.gif" width="195" height="37" alt="" /></td>
        <td rowspan="2">
            <img src="images/header-v1_09.gif" width="202" height="42" alt="" /></td>
    </tr>
    <tr>
        <td>
            <img src="images/header-v1_10.gif" width="195px" height="5px" alt="" /></td>
        <td>
            <img src="images/header-v1_11.gif" width="195px" height="5px" alt="" /></td>
        <td>
            <img src="images/header-v1_12.gif" width="195px" height="5px" alt="" /></td>
    </tr>
</table>
 
</body>
 
</html>

Добавлено через 3 минуты 17 секунд
а прошу прощения, все окей!!! спс вам большое, все пашет ))

@Ceran · 09.07.2009, 22:22

Упакуй свою страницу в архив, чтоб с картинками было. Может кто и попробует... Так одним html'ом не разберёшься.

@shkipper · 09.07.2009, 22:57 **[ТС]**

)) все работает, через валидэйтор отлидил все страници и все супер )

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»

@shkipper 0 / 0 / 2 Регистрация: 29.06.2009 Сообщений: 108

	hmtl !doctype портит header 09.07.2009, 18:30. Показов 2303. Ответов 6 Метки нет (Все метки) Значит моя проблема заключается в том что я сделал в фотошопе header с кнопками, потом в imageReady порезал кнопки отдельно, ну и потом сохранил так, он мне код сгенерировал, ну я посмотрел код который он мне сделал проверил все работает супер, ну я давай интергрировать все это в уже существующую мою страничку и бац такая проблема что как то не так уж и хорошо все это складывается, я маялся маялся и обнаружил что это все из за того что у меня прописано: <!DOCTYPE html PUBLIC "-//W3C/DTD XHTLM 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Убираю это и все супер, подходит никаких сдвигов, сново прописываю это и опять все как попало, почему это? Как исправить не убирая доктайп, ведь не зря же он. Что посоветуете дорогие форумчане? 0

@Ceran 172 / 101 / 10 Регистрация: 22.02.2009 Сообщений: 440
	09.07.2009, 22:22
	Упакуй свою страницу в архив, чтоб с картинками было. Может кто и попробует... Так одним html'ом не разберёшься. 0

@shkipper 0 / 0 / 2 Регистрация: 29.06.2009 Сообщений: 108
	09.07.2009, 22:57 [ТС]
	)) все работает, через валидэйтор отлидил все страници и все супер ) 0