Форум Сайтостроение Веб-строительство

li в одну строчку

lordenas
На сайте с 09.05.2009
Offline
67
lordenas
1447

Скажите как выровнять два тега li в одну строчку, если для каждого из них разные стили. 

li.seas {

    list-style-image: url(../images/eye_inv.png);

    margin-left: 30px;

}



li.comm {

    list-style-image: url(../images/spechbubble.png);

    margin-left: 30px;

<li class="seas">123</li><li class="comm">123</li>
Станислав
На сайте с 27.12.2009
Offline
258
Станислав
#1 

li {display:inline-block}

не катит?

Мы там, где рады нас видеть.
lordenas
На сайте с 09.05.2009
Offline
67
lordenas
#2

тогда почему-то картинки не отображаются. Хотя в одну строчку выравнивает.

Станислав
На сайте с 27.12.2009
Offline
258
Станислав
#3

потому что li на li заезжает

видать по этому

lordenas
На сайте с 09.05.2009
Offline
67
lordenas
#4

Ну так, а как исправить?:)

bay_ebook
На сайте с 28.05.2010
Offline
111
bay_ebook
#5
lordenas:
тогда почему-то картинки не отображаются. Хотя в одну строчку выравнивает.

Потому ,что list-style-image "Устанавливает адрес изображения, которое служит в качестве маркера списка.", а когда меняется display - то, li перестает быть маркером списка :)

Нужно картинку применять как бекграунд

Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)
Станислав
На сайте с 27.12.2009
Offline
258
Станислав
#6

я вобще первый раз вижу list-style-image

вот сижу читаю =)

Обычно бекграунд юзаю под эти цели

---------- Добавлено 02.03.2013 в 14:04 ----------

ТС как то так делайте 

li.comm {

    background: url(../images/spechbubble.png) no-repeat;padding-left:20px;



}
[Удален]
#7

мдяяя ужжж

li.seas - float:left

lordenas
На сайте с 09.05.2009
Offline
67
lordenas
#8
Ms-Dred:
я вобще первый раз вижу list-style-image
вот сижу читаю =)
Обычно бекграунд юзаю под эти цели

---------- Добавлено 02.03.2013 в 14:04 ----------

ТС как то так делайте 
li.comm {

    background: url(../images/spechbubble.png) no-repeat;padding-left:20px;



}

спасибо уже решил также бекграундом.

Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#9

можно просто inline

и еще момент, когда такой display прописываете спискам, то обязательно между </li><li> не оставляйте пробелов, а то не плотно прилегать будут - причина, теперь же это строчный элемент - по сути текст, а в тексте пробелы учитываются!

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
Строчные элементы и background Помогите сделать меню без Для одного div сделал
[Удален]
#10
Varkolak:
теперь же это строчный элемент

А зачем вы делаете строчный элемент?

есть же display:inline-block

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий