X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> !doctype Html Strict добовляет отступы
cx717
cx717
Topic Starter сообщение 10.3.2008, 1:17; Ответить: cx717
Сообщение #1


Откуда взялся этот отступ?
Вот код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
div#box1{
width:100px;
height:100px;
background-color:black;
border:2px solid red;
margin:0px;
padding:0px;
}
img {
margin:0px;
padding:0px;
border:0px;
}
</style>
</head>

<body>
<div><img src="leftA.jpg" alt=""></div>
<div id="box1"></div>
</body>
</html>
Вот как это выглядит:
http://a10vs1.fatal.ru/test/boxes2.html

Если доктип поменять на переходный, то черный квадрат прилипает
снизу к картинке (что собственно и нужно).
А в строгом html (тот который видно по ссылке) между
картинкой и квадратом появляется зазор.
Код проверялся на валидность в W3C - ошибок нет.
Подскажите пожалуйста как с этим бороться.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 10.3.2008, 10:44; Ответить: Exterior
Сообщение #2


cx717, strict на то он и есть strict, чтобы все было строго и конкретно. Укажите в первом блоке все необходимые параметры и не будет зазора:
<!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=windows-1251">

<title>test DIV</title>

<style type="text/css">
<!--
#box1 {
width: 100px;
height: 100px;
background-color: black;
border: 2px solid red;
margin: 0px;
padding: 0px;
}

#box2 {
width: 27px;
height: 127px;
}

img {
margin: 0px;
padding: 0px;
border: 0px;
}
-->
</style>

</head>

<body>

<div id="box2"><img src="leftA.jpg" width="27" height="127" alt=""></div>
<div id="box1"></div>

</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cx717
cx717
Topic Starter сообщение 11.3.2008, 12:51; Ответить: cx717
Сообщение #3


Пасибо, Exterior.
Еще один вопрос, если позволите.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
#box{
margin:0;
padding:0;
width:100px;
height:100px;
border:2px solid black;
}

#box2{
width:100px;
height:2px;
margin:0px;
padding:0px;
}

img{
margin:0px;
padding:0px;
border:0;
}
</style>
</head>
<body>
<div id="box"></div>
<div id="box2"><img src="project1_horizontal_line.jpg" alt="" ></div>
</body>
</html>
Выглядит так:http://a10vs1.fatal.ru/test/test.html

Проблема похожая: Серая линия не прилипает к квадрату.
Скажите, почему так?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 11.3.2008, 16:56; Ответить: Exterior
Сообщение #4


cx717, все по той же причине. Добавьте атрибут к изображению align="top"
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cx717
cx717
Topic Starter сообщение 11.3.2008, 18:42; Ответить: cx717
Сообщение #5


Еще раз пасибо, Exterior.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вёрстка HTML-писем
 30 Vampler 29421 27.3.2024, 12:41
автор: Vampler
Открытая тема (нет новых ответов) Разработка/доработка сайтов Wordpress, HTML/CSS/JS
Вёрстка, перенос на WP, правки
 9 malamut 3496 25.1.2024, 14:36
автор: malamut
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
 5 CULA 3427 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Залить html страницу на 20 доменов
 6 TABAK 1714 22.5.2023, 16:24
автор: KORUP
Открытая тема (нет новых ответов) Сделать правки на html-странице
 5 TABAK 2312 20.5.2023, 10:45
автор: EvilGomel


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 26.4.2024, 1:40

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet