Работа с таблицами

miksik1987 · 10.01.2016, 21:49

Всем привет подскажите пожалуйста как сделать чтоб картинки прилипали друг к другу используя таблицы.
Пример на картинке они прилипают друг к другу
1.jpg

но в браузерах выгдядет все так
2.jpg

cellpadding="0" cellspacing="0" но это не помогло.

Может кто подскажет в чём проблема. Заранее спасибо.

newJS · 11.01.2016, 08:09

Странный раздел ты выбрал для серьёзного вопроса.

Фокус в том, что тег img это строчный элемент, и браузеры оставляют внизу несколько пикселей под "хвостики символов".
Если тег img лежит внутри блочного элемента (в том числе элемента, ставшего блочным благодаря правилам display:block или float:left/right), то в большинстве популярных браузеров сразу под img появляется странный отступ в несколько пикселей.
лечение:
Для того, чтобы отступ пропал, достаточно (на выбор) прописать для img или display:block
или
vertical-align:top/middle/bottom

miksik1987 · 11.01.2016, 09:02

img {
vertical-align: top;
}

Проблема решена спасибо огромное! :-)

miksik1987 · 12.01.2016, 12:21

Возник еще один вапрос

сверху над картинкой есть невидимый блок
1.jpg

я хотелбы избавится от него
2.jpg

подскажите пожалуйста как.

Hispanic · 12.01.2016, 12:45

прочитай какую нибудь книгу по верстке)
по хорошему нужно обнулять стили, но если по топорному то <body topmargin="число">...</body>

miksik1987 · 12.01.2016, 12:57

Hispanic,

Цитата:

Сообщение от Hispanic

прочитай какую нибудь книгу по верстке)
по хорошему нужно обнулять стили, но если по топорному то <body topmargin="число">...</body>

Я думаю ты не понял проблему. <body topmargin="0">...</body> прилепить всю таблицу к самому верху.

А у меня проблема в самой таблице посмотри на скрины.

miksik1987 · 12.01.2016, 13:14

<body topmargin="0">

для наглялности

3.jpg

зазор остался

mamon-88 · 12.01.2016, 13:52

затем ты применяешь табличную верстку? Она же устарела давно!

miksik1987 · 12.01.2016, 14:10

mamon-88, Я просто тренеруюсь. :-)

Hispanic · 12.01.2016, 16:55

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

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Верстка таблицами и Explorer	IgorQ	HTML, CSS, JavaScript	3	02.07.2007 17:58
работа с двумя таблицами Mysql одновременно	egorix	ASP, Perl, PHP и MySQL	5	04.11.2006 17:35
Бага с таблицами	ThomasS	HTML, CSS, JavaScript	5	09.10.2005 15:44
Проблема с таблицами	DruAlex	Зал дебютантов	2	27.03.2004 00:06
Проблемы с таблицами	BULLDOG	HTML, CSS, JavaScript	10	03.03.2003 21:17

10.01.2016, 21:49	#1
miksik1987	Всем привет подскажите пожалуйста как сделать чтоб картинки прилипали друг к другу используя таблицы. Пример на картинке они прилипают друг к другу 1.jpg но в браузерах выгдядет все так 2.jpg cellpadding="0" cellspacing="0" но это не помогло. Может кто подскажет в чём проблема. Заранее спасибо.

11.01.2016, 08:09	#2
newJS	Странный раздел ты выбрал для серьёзного вопроса. Фокус в том, что тег img это строчный элемент, и браузеры оставляют внизу несколько пикселей под "хвостики символов". Если тег img лежит внутри блочного элемента (в том числе элемента, ставшего блочным благодаря правилам display:block или float:left/right), то в большинстве популярных браузеров сразу под img появляется странный отступ в несколько пикселей. лечение: Для того, чтобы отступ пропал, достаточно (на выбор) прописать для img или display:block или vertical-align:top/middle/bottom

11.01.2016, 09:02	#3
miksik1987	img { vertical-align: top; } Проблема решена спасибо огромное! :-)

12.01.2016, 12:21	#4
miksik1987	Возник еще один вапрос сверху над картинкой есть невидимый блок 1.jpg я хотелбы избавится от него 2.jpg подскажите пожалуйста как.

12.01.2016, 12:45	#5
Hispanic	прочитай какую нибудь книгу по верстке) по хорошему нужно обнулять стили, но если по топорному то <body topmargin="число">...</body>

12.01.2016, 13:14	#7
miksik1987	<body topmargin="0"> для наглялности 3.jpg зазор остался

12.01.2016, 13:52	#8
mamon-88	затем ты применяешь табличную верстку? Она же устарела давно!

12.01.2016, 14:10	#9
miksik1987	mamon-88, Я просто тренеруюсь. :-)

12.01.2016, 16:55	#10
Hispanic	выдлжи куда то верстку, есть ресурсы какие то, я не понимаю о чем ты, я не вижу зазора

Опции темы
Версия для печати Отправить по электронной почте