Как можно разместить по горизонтали несколько картинок ?

[Saturn]

Как можно разместить по горизонтали несколько картинок ?

[Arinden]

Например вот так.

[SelenIT]

Они по умолчанию по горизонтали, вроде...

[topwizard]

в css:

float: left;

[Saturn]

Я извиняюсь, я не то имел ввиду,

вот у меня есть блок

<ul id="com_panel">
            <li id="com_ok"></li>
            <li id="com_edit"></li>
            <li id="com_delete"></li>
</ul>

В CSS

#com_edit {
background: url(images/pencil.png) no-repeat;
}

Сами li уже расположены горизонтально, но вот картинку не видно, а если впишу текст - тогда видно картинку.,

А почему картинка не отображается без текста ?

Спасибо.

[Arinden]

Потому что бэкграунд не является картинкой, это лишь фон для существующей области. Поэтому тут либо надо для li задавать параметры высоты и ширины (width и height) либо сделать так:

<li><img src="" width="" height="" alt="" /></li>

Вот пример.

Edited October 19, 2011 by Arinden

[Saturn]

Arinden

Точно, то что надо стало...

Спасибо!

[Arinden]

Arinden

Точно, то что надо стало...

Спасибо!

Не за что, рад помочь)

[Searcher]

если сами li уже расположены горизонтально при помощи float, то для ul просто надо задать overflow:hidden, тогда он будет "видеть" плавающие дочерние элементы.

[Saturn]

если сами li уже расположены горизонтально при помощи float, то для ul просто надо задать overflow:hidden, тогда он будет "видеть" плавающие дочерние элементы.

Если я правильно понял Вас, что при добавлении к ul overflow:hidden будет видно подгруженный фон-картинку.

#com_edit {

background: url(images/pencil.png) no-repeat;

}

Спасибо конечно, но в моей ситуации все осталось без изменений (картинка добавляется только при появлении текста в li ), это если не использовать img, что описано выше.

[Arinden]

если сами li уже расположены горизонтально при помощи float, то для ul просто надо задать overflow:hidden, тогда он будет "видеть" плавающие дочерние элементы.

Если я правильно понял Вас, что при добавлении к ul overflow:hidden будет видно подгруженный фон-картинку.

#com_edit {

background: url(images/pencil.png) no-repeat;

}

Спасибо конечно, но в моей ситуации все осталось без изменений (картинка добавляется только при появлении текста в li ), это если не использовать img, что описано выше.

Если вы хотите использовать background нужно задать для li высоту и ширину, перейдите по моей ссылке выше, там два примера, один с img, один с background.

[Saturn]

Arinden

Спасибо,

Уже все сделал с img, поскольку у меня картинки разные.