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

Прошу помочь со стилями ul li

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

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


<div class="poisk">
<ul>Быстрый переход в другой раздел:
<li><a href="">текст</a> | </li>
<li><a href="">текст</a> | </li>
<li><a href="">текст</a> | </li>
</ul>
</div>

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


Быстрый переход в другой раздел:
текст ссылки 1 | текст большой ссылки 2 длинный текст |
текст ссылки 3 допустим не влезает то надо с новой строки | текст ссылки 4

ps я почти сделал, но у меня то что в ul (Быстрый переход в другой раздел:) сползает куда то к li

Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#1
но у меня то что в ul (Быстрый переход в другой раздел сползает куда то к li

- естественно. В элементе <ul> не может быть ничего, кроме элемент(а|ов) <li>. 

.poisk ul li{width:auto;float:left;margin:0 2px;white-space:nowrap;}
P
На сайте с 06.01.2009
Offline
601
postavkin
#2
Olldman:
- естественно. В элементе <ul> не может быть ничего, кроме элемент(а|ов) <li>. 
.poisk ul li{width:auto;float:left;margin:0 2px;white-space:nowrap;}

Спасибо большое. А подскажите, пожалуйста, как же тогда делать валидно?

так?


<div class="poisk">
<p>Быстрый переход в другой раздел:</p>
<ul>
<li><a href="">текст</a> | </li>
<li><a href="">текст</a> | </li>
<li><a href="">текст</a> | </li>
</ul>
</div>
следующий текст про товар

Olldman, "следующий текст про товар" влез туда в див при выводе на экран. Помогите, что дописать? потерто

Но почему то ссылки встали такое ощущение по центру экрана, как сдвинуть в левый край? не могу найти в интернете. спасибо

Не получается установить Cookie WordPress: помогите выровнять все Подскажите как исправить ширину
Olldman
На сайте с 21.04.2010
Offline
79
Olldman
#3

Можно и без <p>, все зависит от дизайна.

Ну если ощущение, то проверить, нет ли прописанных свойств для <ul>, <li>.

По дефолту центровка всегда по левому краю.

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

ТС. можно обойтись и без |

Сделав так 

<div class="poisk">

<ul>Быстрый переход в другой раздел:

<li class="split"><a href="">текст</a></li>

<li class="split"><a href="">текст</a></li>

<li><a href="">текст</a></li>

</ul>

</div>


.split:after {

    content: "|";

    margin-left: 5px;

}
Мы там, где рады нас видеть.

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