Глупый вопрос по div

свойство padding в цсс

это лучше в <p></p> вставлять или в <span></span>

А так, что в классе то покажите.

В стиле "videlit" меняйте padding-и и margin-ы

Ребят, спасибо, но я в этом не силен. Смотрите, есть такого плана текст.

Вы хотите подобрать материал для пола?

тогда советуем вам раздел ламинат

Вас интересует материал на стены?

тогда обои Вам подойдут.

Вот надо сделать как то так. Примерно понял куда копать, сейчас буду упражняться, но если скажете как сделать буду благодарен.

ps. Ссылки я смог подчеркнуть штрихом

A.dot {

text-decoration: none; /* Убираем подчеркивание */

border-bottom: 1px dashed #000080; /* Добавляем свою линию */

/* border-bottom: 1px dotted #000080;  */

}

A.dot:hover {

color: #f00000; /* Цвет ссылки при наведении на нее курсора */

}

postavkin добавил 04.08.2011 в 23:11

Ребят. Получилось сделать так, если можете - поправьте, что не так. В целом внешний вид меня полностью устраивает.

В коде страницы

<p class="videlit">Материал для пола</p>

     <ul class="videlit">вариант 1

	<li>водостойкий <a href="http://www.site.ru">ламинат</a>;</li>

	<li>паркет</li>.

     </ul>

в стилях

.videlit { padding-top: 10px; font-family: Georgia; font-size: 18px;}

UL.videlit{list-style: none; padding: 7px 0 0 7px; font-family: Georgia; font-size: 14px;}

.videlit LI { padding: 5px 0 0 9px; background: none; font-family: Georgia; font-size: 12px;}

.videlit UL { list-style: none; padding: 2px 0 6px 5px; }

.videlit A {text-decoration: none; border-bottom: 1px dashed #000080;}

.videlit A:hover{color: #f00000;}

ну вы стили вначале сбрасывали? кажется нет.

сбросьте вначале все стили по умолчанию, затем добавьте например это в самое начала таблицы стилей (или другой какой css-reset):

* {margin: 0; padding: 0; border: none;}

затем уже подгоняйте отступы и т.д

зы: <ul class="videlit">вариант 1 - так лучше не делать )

Почему? Я у конкурентов нашел такой вариант оформления ul li

Со списком, конечно, сомнительная идея... Как говорилось выше, более правильно и семантично будет обрамить текст тегами "Абзаца" т.е. <p></p> и прописать ему стиль и соответствующие отступы (margin,padding)... Удачи!

в стилях: padding-bottom: 10(поєкспериментируйте)px;

вариант 1 - <li class="variants">вариант 1</li>...

.variants - стилизируете уже как надо. Вообще, если таких блоков у вас несколько и они идут в виде каталога, я бы делал как-то так:

<dl>

  <dt>Материал для пола</dt>

  <dd><blockquote>вариант 1</blockquote>

       <ul>

              <li>водостойкий <a href="http://www.site.ru">ламинат</a></li>

              ....

  </dd>

</dl>

вместо <blockquote> можно любой другой, более подходящий по смыслу (смотря, с каким акцентом у вас там везде используется "вариант №*"

но в начале, нужно сбросить дефолтовые метрики браузера (то есть тот самый css-reset)

Изначально по стандарту (и во всех браузерах, насколько я знаю), div - совершенно "чистый" элемент, у него нет внешних и внутренних отступов. Возможно, в вашем CSS поставлены глобальные отступы для всех элементов или только для div. Просмотрите его тщательно.

ТВЭЛ добавил 05.08.2011 в 21:27

P.S. UL, LI, BLOCQUOTE - совершенно несемантичные извращения. Подходят более-менее только p и div с классом.