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



 

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

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

Открыть тему
Тема закрыта
> нижний зазор под img в таблице
cx717
cx717
Topic Starter сообщение 11.6.2008, 18:45; Ответить: cx717
Сообщение #1


Такой вот простой код:
<!doctype html public "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>why border</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="1">
<tr>
<td >
<img src="images/photo.jpg" alt="" width="26" height="20" border="0" >
</td>
</tr>
</table>
</body>
</html>
К сожалению не могу сейчас выложить в инет то как это выглядит в браузерах Opera, FF и ie, поэтому попытаюсь обьяснить на словах.
Рисуется картинка - вокруг нее рамка таблицы( border="1" ): зазоров между рамкой таблицы и картинкой нет нигде, кроме как снизу! Откуда он взялся?
Убрать его можно, поставив для ячейки таблицы line-height:1px;
Но тогда в этой ячейке больше одной строчки текста не написать.
Госпада, любители и профессионалы, помогите плз.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 11.6.2008, 18:49; Ответить: Webmaster_hb
Сообщение #2


cx717, не совсем понял в чем проблема, но пробелы уберите между тегами <td><img ...></td>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cx717
cx717
Topic Starter сообщение 11.6.2008, 19:12; Ответить: cx717
Сообщение #3


убрал-не помогает.
Проблема:
Ячейка:
|----------------------------|
| ......................................|
| ......................................|[/COLOR]
[COLOR=Red] | ......................................|
| ......................................|
| ......................................|
|----------------------------|

картинка
||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||



картинка в ячейке таблицы :
|--------------------------------|
||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||
| ............................................|
| ............зазор в 3px................|
|--------------------------------|
Во

Высота ячейки таблицы получается выше чем высота картинки.
Отсюда и зазор.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 11.6.2008, 20:45; Ответить: Webmaster_hb
Сообщение #4


cx717, выложите архив файла с картинкой, или ссылку на страницу в интернете
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 11.6.2008, 21:00; Ответить: Exterior
Сообщение #5


cx717, в strict надо еще и выравнивание указывать:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title>why border</title>
</head>

<body>
<table cellpadding="0" cellspacing="0" border="1">
<tr>
<td><img src="images/photo.jpg" alt="" width="26" height="20" border="0" align="top"></td>
</tr>
</table>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cx717
cx717
Topic Starter сообщение 11.6.2008, 21:14; Ответить: cx717
Сообщение #6


Exterior, это как раз то что было нужно- спасибо.
Если не секрет, где можно почитать о подобных вещах.
Откуда, например, Вы узнали, что в strict нужно еще и выравнивание прописывать?
Валидатор http://validator.w3.org, кстати пишет : there is no attribute "ALIGN".
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exterior
Exterior
сообщение 11.6.2008, 21:37; Ответить: Exterior
Сообщение #7


(' post='7770 @ 12.6.2008, 00:14)
there is no attribute "ALIGN"

верно, это я для большей наглядности показал, вообще strict не очень любит открытые атрибуты тегов, лучше пользоваться вариантом через <style>, т.е. получится
style="border:0px; vertical-align:top;"

т.к. strict поразумевает максимальное использование таблиц стилей, простые атрибуты допускают только transitional`ы.
Где об этом почитать?.. Я думаю, из спецификации CSS. В разделе CSS нашего форума в теме про учебники (она прикреплена) я давал ссылку на оф.мануал, там должно быть все описано.

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс.
 63 DaoDog 47162 Вчера, 12:05
автор: Omaxis
Открытая тема (нет новых ответов) Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ
 0 bunneh 349 16.4.2024, 18:02
автор: bunneh
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыBurzh.top|Партнерская программа под любой вид трафика (email, спам, УБТ)
 2 cryptius 763 16.4.2024, 17:50
автор: cryptius
Горячая тема (нет новых ответов) Hyper.hosting - сервера под любые задачи [разрешены dmca, гэмблинг, адалт и пр.]
Лучшие сервера по доступной цене
 32 Hyper_Hosting 9146 15.4.2024, 13:03
автор: Hyper_Hosting
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
 20 Needmylink1 7001 12.4.2024, 23:32
автор: Needmylink1


 

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

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

RSS Текстовая версия Сейчас: 20.4.2024, 5:48

Дизайн

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