Въпрос за подреждане на списък

mantaman

Well-Known Member
Правя един списък в Блогър и когато ползвам <ul><li>
ми подрежда нещата от списъка едно под друго със точки от пред има ли команда с която да ги изрежда едно след друго пак с точки отпред, а не едно под друго
 
От: Въпрос за подреждане на списък

Сигурно имаш предвид хоризонтално.

Ще трябва да допишеш в CSS нещо от рода:

ul li {
display: inline;
margin-right: 2em;
}

Съвсем базов пример. Вероятно ще трябва добъзикване.
 
От: Въпрос за подреждане на списък

Ако дописвам в ЦСС ще прецака другите списъци които искам да са си вертикални
Ето пример

<ul>
<li>UB1 – Southall</li>
<li>UB2 – Norwood Green</li>
<li>UB3 – Hayes</li>
<li>UB4 – Yeading</li>
</ul>

Подрежда ги вертикално - чудя се дали няма нещо вместо <ul> което да ги накара да се подредят водоравно
 
От: Въпрос за подреждане на списък

Сложи клас на то списък дето искаш да е хоризонтален:

<ul class="horizontal-ul">
<li>UB1 – Southall</li>
<li>UB2 – Norwood Green</li>
<li>UB3 – Hayes</li>
<li>UB4 – Yeading</li>
</ul>

И после:

horizontal-ul li {
display: inline;
margin-right: 2em;
}

EDIT: варлов напомни че това inline ще утрепе и точките, пък те гледам че трябват. Значи вместо горното може:

horizontal-ul li {
float: left;
margin-right: 2em;
}
 
Последно редактирано:
От: Въпрос за подреждане на списък

Предполагам че това

horizontal-ul li {
float: left;
margin-right: 2em;
}

Това имаш в предвид да го добавя в цсс

Добавих го
Другото го сложих в статията и нищо не се получи дава си го вертикално
 
От: Въпрос за подреждане на списък

сложи една точка преди horizontal-ul в цсс-а
демек:
.horizontal-ul li {
float: left;
margin-right: 2em;
}
 
От: Въпрос за подреждане на списък

Мерси много една точка прави чудеса
 

Горе