Не могу визуально объдинить 2 картинки: между ними остается разрыв

@Andrew005 · Регистрация: 15.12.2013

Студворк — интернет-сервис помощи студентам

Привет!
Никак не могу победить такую проблему:
есть страница на сайте женских сумок там идут картинки одна под другой надо чтобы между ними не было разрыва, потому что несколько картинок образуют одну большую. Перерыл файл stylesheet.css - не помогло, даже удалял его. Подскажите, пжста, как решить проблему, а то уже я не знаю что делать.
Спасибо!!!

@philin · 16.12.2013, 21:36

display:block для <img> помог склеить

@newJS · 16.12.2013, 21:36

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

@Andrew005 · 16.12.2013, 22:54 **[ТС]**

Спасибо, помогло. Единственное, через css не смог добавить img:
img {
display: block;
}
смотрел firebug-ом, так код в img и не появился, поэтому пришлось
напрямую в html, вставляя в каждый тег img через style...

@philin · 16.12.2013, 23:10

Перекрывается где-то. img - правило довольно низкого уровня, т.к. слишком общее. Попробуйте настоять на своем

CSS
1
2
3
img {
    display: block !important;
}

@newJS · 17.12.2013, 08:48

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

смотрел firebug-ом, так код в img и не появился

Если не появился, значит ошибка, иначе правило должно быть, зачеркнутое или действующее, но оно должно быть.

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

напрямую в html, вставляя в каждый тег img через style...

Это плохая идея.

@Andrew005 · 17.12.2013, 20:07 **[ТС]**

Спасибо, за помощь

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

display: block !important;

, где-то у меня ошибка: правило в firebug не появляется ни зачеркнутое ни действующее. Буду искать у себя ошибку, спасибо всем!

@Academik · 17.12.2013, 20:21

Может css закэшировало? С движками наблюдались такие проблемы, ctrl+F5 иногда помогает.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	Установка Emscripten SDK (emsdk) и CMake на Windows для сборки C и C++ приложений в WebAssembly (Wasm) 8Observer8 30.01.2026 Чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. Система контроля версиями Git. . .	Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .

@Andrew005 0 / 0 / 0 Регистрация: 15.12.2013 Сообщений: 3

	Не могу визуально объдинить 2 картинки: между ними остается разрыв 16.12.2013, 20:43. Показов 1184. Ответов 7 Метки нет (Все метки) Привет! Никак не могу победить такую проблему: есть страница на сайте женских сумок там идут картинки одна под другой надо чтобы между ними не было разрыва, потому что несколько картинок образуют одну большую. Перерыл файл stylesheet.css - не помогло, даже удалял его. Подскажите, пжста, как решить проблему, а то уже я не знаю что делать. Спасибо!!! 0

@philin Иллюзионист 154 / 153 / 27 Регистрация: 02.10.2013 Сообщений: 330
	16.12.2013, 21:36
	display:block для <img> помог склеить 1

@newJS 2436 / 1115 / 312 Регистрация: 23.06.2011 Сообщений: 3,529
	16.12.2013, 21:36
	Если тег img лежит внутри блочного элемента (в том числе элемента, ставшего блочным благодаря правилам display:block или float:left/right), то в большинстве популярных браузеров сразу под img появляется странный отступ в несколько пикселей. лечение: Для того, чтобы отступ пропал, достаточно (на выбор) прописать для img или display:block или vertical-align:top/middle/bottom 1

@Andrew005 0 / 0 / 0 Регистрация: 15.12.2013 Сообщений: 3
	16.12.2013, 22:54 [ТС]
	Спасибо, помогло. Единственное, через css не смог добавить img: img { display: block; } смотрел firebug-ом, так код в img и не появился, поэтому пришлось напрямую в html, вставляя в каждый тег img через style... 0

@Academik 1030 / 682 / 297 Регистрация: 04.04.2013 Сообщений: 2,751
	17.12.2013, 20:21
	Может css закэшировало? С движками наблюдались такие проблемы, ctrl+F5 иногда помогает. 0