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

Для одного div сделал display:inline-block, а съехало и то что в других?

P
На сайте с 06.01.2009
Offline
601
postavkin
841

Здравствуйте.

есть список


<div class="spisok">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>

в стилях

.spisok ul,li{display:inline-block; margin:0;padding:10px;}

Но на странице поехали и другие ul li .

Как можно сделать по другому, чтобы только для spisok список строился без переноса строки?

Desesperada
На сайте с 11.10.2010
Offline
77
Desesperada
#1

.spisok ul,li - убрать запятую

вот так сделайте:

.spisok ul li {стили}

либо просто .spisok li {стили}

Создание/наполнение сайтов ICQ 7860919 Принимаю предзаказы на сателлиты/гс в индексе
P
На сайте с 06.01.2009
Offline
601
postavkin
#2
Desesperada:
.spisok ul,li - убрать запятую

Сделал так и вроде все остальное встало на свои места.


.spisok ul.inline,li.inline{display:inline-block; margin:0;padding:10px;}

а в коде 


<div class="spisok">

<ul class="inline">

<li class="inline">1</li>

<li class="inline">2</li>

<li class="inline">3</li>

</ul>

</div>

так правильно?

Desesperada
На сайте с 11.10.2010
Offline
77
Desesperada
#3

postavkin, сильно намудрили, поправил свое первое сообщение

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

P
На сайте с 06.01.2009
Offline
601
postavkin
#4
Desesperada:
postavkin, сильно намудрили, поправил свое первое сообщение
вам нужно просто вместо запятой поставить пробелл и код из шапки будет работать

Спасибо. Поправил. Отлично работает.

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