Главная страница / HTML разметка интернет страниц и CSS стили

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

Ребят!
Опять, возможно, ламерскй вопрос. Есть список:
Ссылка 1
Ссылка 2
Ссылка 3
Нужно, чтобы они шли встолбик. Если ставить <br> после каждой, то мало. Если 2х<br> - много. <p> тоже много.
Вроде можно как то задать в стилях насколько пикселей <P> будет опускать абзац... Подскажите решение....
Это принято делать списком (ul).
Тогда код будет выглядеть так:
<li>Замечательная ссылка 1</li>
<li>Великолепная ссылка 2</li>
<li>Ссылка 3</li>
li {margin-bottom: 20px;}
размер — какой надо.
Необходимо упомянуть и то том, что если не нужны маркеры (кружочки слева от списка), тогда задай еще
А если я хочу вместо кружочков вставить улучшенный рисунок?
я не люблю списки поэтому делаю, через див
<div style="padding:5px"><img> Замечательная ссылка 1</div>
и идёшь этим против семантики.
либо уже предложенный выше list-style-image, либо (что предпочтительнее, т. к. даёт больше возможностей) — background без повторения и padding-left. Скажем сразу - выходит более громоздко, зато можно настроить
отступ маркера от верха, отступ текста от маркера и т. д.
Ссылка 1<br /> Ссылка 2<br /> Ссылка 3<br /> Тут 150% надо поменять на то, что тебе надо. Ни в коем случае нельзя указывать тут феерический фиксиров ……
Есть список
Так почему бы и не сделать его списком?
Списибо еще раз. Взял вариант vision. http://mp3ex.net
вышло как и раньше (было через tr каждая строка, отчего код весил на 10кб больше). Респект всем!
candy_man, тебе тут действительно учше всего сделать списком HTML. Код станет качественно весить еще на пару килобайт меньше за счет того, что тебе не надо будет в каждой строке писать <img src="..."
... /> - картинку треугольную вставлять.
Думаешь?
Тогда как сделатЬ?
В css прописываю
li {margin-bottom: 20px;}
UL {list-style-image: url(image.gif)}
В меню же:
<li>ссылка</li>
<li>лучшая ссылка</li>
Результат должен быть такой:
img сногсшибательная ссылка
img лучшая ссылка
Так? Все правильно? А то у меня не получается документация....
Да, все пашет. Обратите внимание, немного запарился сам.
Ребят, а можно ли регулировать левый отступ списка? Дело в том, что меню слишком уехало: http://mp3ex.net/test/ (на корявость страницы не обращайте внимания, см. на в ……
Отступ от лихорадит края блока до маркеров или от маркеров до текста?
Первое — ul {margin-left: 0px; }
Второе —
Первое, хотябы. Однако, вроде уже похоже: li {margin-bottom: 6px; margin-top: 2px;} UL {margin-left: 15px; padding-left: 7px; list-style-image: url(http://m ……
Все настроил. Необходимо упомянуть и то том, что помогите вот в чем. После того как на css перешел, в Mozilla перестали читаться чтили ссылок. Все читаются, а те, что в новом списке не читаются.
Обратите внимание, замечательнейшая сСылка
В IE все ок http://mp3ex.net
В Mozilla они все почерктнутые сделать сайт... есть изумительное решение?
В IE они у меня тоже все почеркнутые. Можно утверждать, выглядят абсолютно одинаково в IE и в Firefox'е.
Я не сильно понял, что ты там писал про незакрытый </ul>, но вообще делать так не то что нежелательно, а попросту нельзя.
да, но они в Фоксе цвет не меняют. А как нужно?
Ну теги нужно закрывать И не путать вложенность. Скажем сразу - классические:
Неправильно: <b><i>Привет</b></i>
Правильно: <b><i>Привет</i></b>
Неправильно: <p>Привет<p>Пока
Правильно: <p>Привет</p><p>Пока</p>

Главная страница / HTML разметка интернет страниц и CSS стили / Пробелы и строки