[sultanova]

Здравствуйте. Я сейчас учусь работать с css. В общем сие действо выглядит так( см. рисунок)
Мой код вот

Код:

<div class="img">
    1
</div>
<div class="img">
    1
</div>
<div class="img">
    1
</div>
<div class="img">
    1
</div>
<div class="img">
    1
</div>
<div class="img">
    1
</div>
<div class="img">
    1
</div>

В css прописано вот :

Код:

div{
    margin: 0px;
    padding: 0px;
}
body{
    padding: 0;
    margin: 0;
}
.img{
    width: 70px;
    height: 70px;
    background-color: yellow;
    display: inline-block;
}

Как убрать промежутки между divaми?

[thomas]

sultanova, потому что вы указали display: inline-block;

[sultanova]

thomas, Ok!Если указать block. То каждый блок будет располагаться друг под другом. Нужно чтобы они располагались в ряд, Как убрать промежутки?

[SpecialCase]

sultanova, нужно добавить float: left; , если я вас правильно понял.

[sultanova]

SpecialCase,Спасибо , получилось! Про float мне ещё предстоит прочитать! А есть ли объяснения тому, почему оно ставило эти отступы?
Я наблюдала интересный момент. Если блоки divов в редакторе не переносить на каждую строку, а поместить на одной, то отступы тоже исчезают, с чем это может быть связано?

[SpecialCase]

sultanova,inline-block - это когда элемент ведет себя как блок, но выстраивается в строку как "буква", за счет чего добавляется интервал как в тексте между символами. А про переносы divoв я вас не понял.

[StelS]

при inline-block отступ появляется за счет пробела после дива.
Можно его убрать несколькими способами, например банально закоментировать пространство между дивами

Код:

<div class="img">
    1
</div><!--
--><div class="img">
    1
</div><!--
--><div class="img">
    1
</div>

Или сделать их в одну строку

Код:

<div class="img">
    1
</div><div class="img">
    1
</div><div class="img">
    1
</div>

Или поставить правый отрицательный маргин, обычно -3-4 пикселя
А вообще, пробуйте гуглить каждый свой вопрос, результат чаще всего легко находится http://habrahabr.ru/post/189118/

[sultanova]

[/COLOR]StelS, Это конечно тоже способы привести в нормальный вид, но мне кажется с программерской точки зрения это не совсем корректно ).

[StelS]

sultanova, float'ами не всегда можно добиться нужного результата, так что приходится извращаться :)