Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

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

Обсуждение темы Работа с таблицами в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Всем привет подскажите пожалуйста как сделать чтоб картинки прилипали друг к другу используя таблицы. Пример на картинке они прилипают друг к другу 1.jpg ...


Закрытая тема
 
Опции темы
Старый 10.01.2016, 21:49   #1
Всем привет подскажите пожалуйста как сделать чтоб картинки прилипали друг к другу используя таблицы.
Пример на картинке они прилипают друг к другу
1.jpg

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

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

Может кто подскажет в чём проблема. Заранее спасибо.
 
Старый 10.01.2016, 21:49
Ссылки
Старый 11.01.2016, 08:09   #2
Странный раздел ты выбрал для серьёзного вопроса.

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

Проблема решена спасибо огромное! :-)
 
Старый 12.01.2016, 12:21   #4
Возник еще один вапрос

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

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