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

Помогите расположить li в одну строку, спасибо

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

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

html


<div class="z-panel">
<ul>Что ещё можно у нас купить:
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<ul>
</div>

css


.z-panel {font-size:18px; color:blue; font-weight:bold;}
.z-panel ul{padding:8px 0 0 10px; font-weight:normal;}
.z-panel li{display:inline-block; list-style:none; margin:0; padding:0 2px 0 2px;}
.z-panel li.active{font-size:14px; font-weight:bold;}
.z-panel a{text-decoration:underline; font-size:18px;}
.z-panel a:hover{text-decoration:none; color:red;}

В результате,

Что ещё можно у нас купить: 1 2 3

а надо

Что ещё можно у нас купить:
1 2 3
I2
На сайте с 07.03.2015
Offline
38
indenger20
#1 


<div class="z-panel">

<p>Что ещё можно у нас купить:</p>

<ul>

<li><a href="">1</a></li>

<li><a href="">2</a></li>

<li><a href="">3</a></li>

<ul>

</div>

Как то так.

Качественная верстка PSD макетов (/ru/forum/974524)
S
На сайте с 13.10.2014
Offline
171
silicoid
#2

исправлено:

упс. сорри не дочитал вопрос. до конца.

джедай постом выше ответ правильный дал вам.

P
На сайте с 06.01.2009
Offline
601
postavkin
#3
indenger20:

<div class="z-panel">

<p>Что ещё можно у нас купить:</p>

<ul>

<li><a href="">1</a></li>

<li><a href="">2</a></li>

<li><a href="">3</a></li>

<ul>

</div>

Как то так.

Спасибо. А с точки зрения верстки это нормально, что там с помощью p это сделано?

R
На сайте с 31.08.2010
Offline
78
Rokkkin
#4
postavkin:
Спасибо. А с точки зрения верстки это нормально, что там с помощью p это сделано?

а какая разница? ну попробуй так:

<div class="z-panel">
Что ещё можно у нас купить:
<ul>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<ul>
</div>

или так

<div class="z-panel">
Что ещё можно у нас купить:
<br>
<ul>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<ul>
</div>

авось проканает

I2
На сайте с 07.03.2015
Offline
38
indenger20
#5

зачем так извращаться?:)

засуньте в параграф текст и все. Это правильное решение.

P
На сайте с 06.01.2009
Offline
601
postavkin
#6
indenger20:
зачем так извращаться?:)
засуньте в параграф текст и все. Это правильное решение.

Хорошо, спасибо.

S
На сайте с 13.10.2014
Offline
171
silicoid
#7
indenger20:
Это правильное решение

Если там будет <p><!-- text --></p> то все ок.

если там будет <p><div>чтотам</div><!-- text --></p> то это тоже правильное решение, но не красивое

посему я-бы посоветовал обернуть все в блочный элемент div

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