Главная страница /
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. Скажем сразу - выходит более громоздко, зато можно настроить
отступ маркера от верха, отступ текста от маркера и т. д.
Есть список
Так почему бы и не сделать его списком?
Списибо еще раз. Взял вариант 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 лучшая ссылка
Так? Все правильно? А то у меня не получается документация....
Да, все пашет. Обратите внимание, немного запарился сам.
Отступ от лихорадит края блока до маркеров или от маркеров до текста?
Первое — ul {margin-left: 0px; }
Второе —
Все настроил. Необходимо упомянуть и то том, что помогите вот в чем. После того как на 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 стили /
Пробелы и строки