Пробелы и строки

candy_man · 03.06.2006, 22:30

Ребят!
Опять, возможно, ламерскй вопрос. Есть список:

Ссылка 1
Ссылка 2
Ссылка 3

Нужно, чтобы они шли встолбик. Если ставить
после каждой, то мало. Если 2х
- много.

тоже много.

Вроде можно как то задать в стилях насколько пикселей

будет опускать абзац... Подскажите решение....

Спб.

Uratsakidogi · 03.06.2006, 22:44

Это принято делать списком (ul).
Тогда код будет выглядеть так:
<ul>[*]Ссылка 1[*]Ссылка 2[*]Ссылка 3[/list]
а css:
li {margin-bottom: 20px;}
размер — какой надо.
Если не нужны маркеры (кружочки слева от списка), тогда задай еще
ul {list-style: none;}

candy_man · 03.06.2006, 23:12

А если я хочу вместо кружочков вставить рисунок?

MasMaX · 04.06.2006, 00:26

candy_man,

Код:

UL {
list-style-image: url(ellipse.png)
}

vision · 04.06.2006, 11:06

я не люблю списки поэтому делаю, через див

<div style="padding:5px"><img> Ссылка 1</div>

Uratsakidogi · 04.06.2006, 11:41

vision, и идёшь этим против семантики.

candy_man, либо уже предложенный выше list-style-image, либо (что предпочтительнее, т. к. даёт больше возможностей) — background без повторения и padding-left. Выходит более громоздко, зато можно настроить отступ маркера от верха, отступ текста от маркера и т. д.

candy_man · 04.06.2006, 19:07

Всем спасибо! Оч. помогли!

dantistus · 05.06.2006, 19:46

<div style="line-height:150%">
Ссылка 1

Ссылка 2

Ссылка 3

</div>

Тут 150% надо поменять на то, что тебе надо. Ни в коем случае нельзя указывать тут фиксированный размер или значение, меньшее 100% (или 1em).

Насчет семантики - фигня это все в даном случае. Читал я когда-то статьи, мол, "меню - это фактически немаркированный список". Один дурак написал, все остальные подхватили. Я не хочу никого обидеть, часто менюшку действительно удобно сделать в виде списка, вот хорошие примеры:

http://css.maxdesign.com.au/listamatic/

Но слово "обязательно" тут подразумеваться не должно. Если легче сделать не списком - делай не списком.

Uratsakidogi · 05.06.2006, 20:07

Цитата:

Есть список

Так почему бы и не сделать его списком?

candy_man · 06.06.2006, 00:32

Списибо еще раз. Взял вариант vision. http://mp3ex.net
вышло как и раньше (было через tr каждая строка, отчего код весил на 10кб больше). Респект всем!

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как в php разбить текст на строки	74ivan74	ASP, Perl, PHP и MySQL	8	04.01.2011 13:28
Пробелы	Osipov	HTML, CSS, JavaScript	8	19.11.2007 14:37
ЧЕРТОВЫ пробелы...	Silent Rain	ASP, Perl, PHP и MySQL	9	16.12.2005 21:17
Пробелы в таблицах. Прошу помощи!!!	Temira	HTML, CSS, JavaScript	2	07.02.2005 14:16
Перенос строки без пробелов	Sergey_Od	HTML, CSS, JavaScript	2	02.02.2005 20:33

03.06.2006, 22:30	#1
candy_man	Ребят! Опять, возможно, ламерскй вопрос. Есть список: Ссылка 1 Ссылка 2 Ссылка 3 Нужно, чтобы они шли встолбик. Если ставить после каждой, то мало. Если 2х - много. тоже много. Вроде можно как то задать в стилях насколько пикселей будет опускать абзац... Подскажите решение.... Спб.

03.06.2006, 22:44	#2
Uratsakidogi	Это принято делать списком (ul). Тогда код будет выглядеть так: <ul>[]Ссылка 1[]Ссылка 2[]Ссылка 3[/list]* а css: li {margin-bottom: 20px;} размер — какой надо. Если не нужны маркеры (кружочки слева от списка), тогда задай еще ul {list-style: none;}

03.06.2006, 23:12	#3
candy_man	А если я хочу вместо кружочков вставить рисунок?

04.06.2006, 00:26	#4
MasMaX	candy_man, Код: UL { list-style-image: url(ellipse.png) }

04.06.2006, 11:06	#5
vision	я не люблю списки поэтому делаю, через див <div style="padding:5px"><img> Ссылка 1</div>

04.06.2006, 11:41	#6
Uratsakidogi	vision, и идёшь этим против семантики. candy_man, либо уже предложенный выше list-style-image, либо (что предпочтительнее, т. к. даёт больше возможностей) — background без повторения и padding-left. Выходит более громоздко, зато можно настроить отступ маркера от верха, отступ текста от маркера и т. д.

04.06.2006, 19:07	#7
candy_man	Всем спасибо! Оч. помогли!

05.06.2006, 19:46	#8
dantistus	<div style="line-height:150%"> Ссылка 1 Ссылка 2 Ссылка 3 </div> Тут 150% надо поменять на то, что тебе надо. Ни в коем случае нельзя указывать тут фиксированный размер или значение, меньшее 100% (или 1em). Насчет семантики - фигня это все в даном случае. Читал я когда-то статьи, мол, "меню - это фактически немаркированный список". Один дурак написал, все остальные подхватили. Я не хочу никого обидеть, часто менюшку действительно удобно сделать в виде списка, вот хорошие примеры: http://css.maxdesign.com.au/listamatic/ Но слово "обязательно" тут подразумеваться не должно. Если легче сделать не списком - делай не списком.

06.06.2006, 00:32	#10
candy_man	Списибо еще раз. Взял вариант vision. http://mp3ex.net вышло как и раньше (было через tr каждая строка, отчего код весил на 10кб больше). Респект всем!