К сожалению, в HTML иногда возникают глупые проблемы с пробелами.

я есть сетка изображений с пробелом между ними. Как мне удалить это место?

Я уже пытался установитьpadding а такжеmargin изображений для0px но это не сработало.

Есть идеи?

 Alin Purcaru12 янв. 2011 г., 15:18
Вы на IE6? Можете ли вы опубликовать код?
 Sampson12 янв. 2011 г., 15:18
Пожалуйста, предоставьте свою разметку и любые соответствующие CSS.
 JakeParis12 янв. 2011 г., 15:57
ОП выложил код здесь:pastebin.com/Hf23LrmU
 Sampson12 янв. 2011 г., 15:18
Также, пожалуйста, смотритеstackoverflow.com/questions/4629171/two-img-without-spacing

Ответы на вопрос(5)

<img src="" alt="" /> <img src="" alt="" />

в

<img src="" alt="" /><img src="" alt="" />

Иногда пробелы могут также скрываться в конце новых строк, поэтому обязательно проверяйте конец строк, если ваш HTML выглядит так

<img src="" alt="" /> 
<img src="" alt="" />
редактировать

Вместо того чтобы писать:<img src="imgs/img8.jpg" style="margin: 0; width: 300; height: 300;" /> 87 раз, просто поместите это в свой файл CSS:

div img { margin: 0;
    width: 300px;
    height: 300px;
}

и тогда вы можете просто сделать свои изображения<img src="imgs/img8.jpg" alt="img8" />

 JakeParis12 янв. 2011 г., 15:56
Уберите разрывы строк.
 costi12 янв. 2011 г., 15:28
все в порядке, вот источник: pastebin.com/Hf23LrmU

Попробуйте поместить два изображения в одну строку, например:

<img src="imgs/img0.jpg" style="margin: 0; width: 300; height: 300;" /><img src="imgs/img1.jpg" style="margin: 0; width: 300; height: 300;" />

и посмотрим, изменит ли это что-нибудь. Я также предлагаю вам следовать советам по использованию CSS для упрощения всех стилей изображения. Потому что сейчас вам придется вручную менять каждое значение вручную, если вы хотите изменить размеры изображения.

К сожалению, в HTML иногда возникают глупые проблемы с пробелами.

font-size:0px в div, тогда вы можете продолжать держать элементы img в отдельных строках кода

 Franz10 июн. 2012 г., 20:54
Намного лучшее решение, чем поместить их всех в одну строку. Спасибо!
 Leniel Maccaferri11 мая 2013 г., 05:34
Какой замечательный трюк! : D Ответ "Де-факто"!
 alpera15 янв. 2013 г., 11:48
Вы спасли мой день, высоко ценится.
 DaneSoul18 июл. 2012 г., 07:48
Спасибо! Это помогло избежать непредсказуемых дополнительных пробелов в <a> <img> </a> галерее кода!

которые вам нужно обнулить, это padding, border и margin. На самих изображениях и любых контейнерах между ними.

 Javier12 янв. 2011 г., 16:03
Вы не пропустили ':' между именами и значениями CSS?
 costi12 янв. 2011 г., 15:39
не работатьpastebin.com/cmkKWuRJ
 Javier12 янв. 2011 г., 16:12
и избавиться от любых пробелов между изображениями, или добавитьfloat:left; на них

float: left на изображениях, и отделить каждый ряд с помощью выключателя сclear: both тогда между изображениями не должно быть пробелов.

 Refugee12 янв. 2011 г., 15:55
Да, это может сработать, попробуйте?
 costi12 янв. 2011 г., 15:37
нравится:pastebin.com/jeWswcnH ? не сработало...

Ваш ответ на вопрос