Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как убрать зазор между картинками? 
:(
    Опции темы
Duif
Дата 26.3.2012, 06:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 1
Регистрация: 26.3.2012

Репутация: нет
Всего: нет



При горизонтальном расположении картинок возникает зазор в 4 пикселя. Паддинг, марджин, бордер равны нулю. Зазор в прикреплённом файле указан сиреневым.
Из цсс: общий блок для всех картинок с единственным играющим роль парарметром:
Код

line-height:0px;

Каждая картинка внутри большого блока окружена тегом <a></a>. Из параметров:
Код

{
margin:0px;    
padding:0px;    
display:inline;
}

Уже нашёл примерное решение на твиттере, там через списки <ul> в строку сделано. Вижу подобное решение не первый раз, но тем не менее хочется узнать решение именно этой проблемы.
Неважная информация: Мегаблок имеет ограничение по ширине 400 пикселей. В состав блока входит 4 картинки по 66 пикселей шириной и одна 136 пикселей. 66*4 + 136 = 400, но крайний эллемент не умещается в линию.
Хм. Вроде все данные высказал и максимально кратко.

Присоединённый файл ( Кол-во скачиваний: 6 )
Присоединённый файл  Untitled_1.jpg 75,16 Kb
PM MAIL   Вверх
MagicDew
Дата 27.3.2012, 15:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 16
Регистрация: 12.4.2010

Репутация: нет
Всего: нет



Как вариант :
Код

.my-big-block img{
   float: left;
}

PM MAIL   Вверх
ksnk
Дата 27.3.2012, 15:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Цитата(Duif @  26.3.2012,  06:43 Найти цитируемый пост)
display:inline;

пробелы или переносы строки между картинками есть? Вот это они фиолетовые и выглядывают.


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
SelenIT
Дата 3.4.2012, 15:19 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Пожалуй, самое обстоятельное на сегодня исследование вопроса: http://css-live.ru/articles-css/zagadochny...inlajn-blokami/


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0683 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.