не получается сделать с помощью css

[ddd]

День Добрый всем!

который день бьюсь над двумя проблемами:

1.формление меню

2.оформление заголовков

1.оформление меню:

Надо сделать разделители между пунктами меню в виде полоски шириной в пару рх (меню выпадающее, динамическое).

что пробовала:

вот например такой код:

border-color:#c2e254 #9bb838 #9bb838 #c2e254; border-style:solid; border-width:1px;

создает края у всей области меню а не у кнопок...

а такой:

background:#fff url(images/menu_bg.gif) bottom repeat-x;

или такой:

background:#fff url(images/menu_bg.gif) bottom repeat-y;

заполняет все пространство меню. а надо только после каждой кнопки...(и перед для первой)

еще пыталась через свойства: border-right-style,border-left-style,padding и margin - устанавлваюся края у всей области меню, фактически у границ экрана, а не между пунктами...

2.оформление заголовков

необходимо, чтобы заголовки оформлялись подчеркиванием снизу и красной "точкой"(или "кружком") слева от заголовка

h1
{
	padding:0;
	margin:0 20% 0 0;
	font-size:120%;
	border-bottom: 2px solid #486DAA;
	color: #000000;
}

как делать эту кртинку-точку возле заголовка теряюсь. Может быть через before или еще как-то?

Посоветуйте чем можете, пожалуйста

Edited October 20, 2008 by ddd

[Argus]

первый вопрос не понятен.

разделители между пунктами делаются в зависимости от ситуации.

можно просто бордером: {border-right:1px solid #f00;}

в более сложных случаях фон: {background:url(images/menu_bg.gif) 100% 0 no-repeat;}. тут ещё можно padding-right предусмотреть, чтоб текст не налазил на картинку.

по второму.

проще сделать картинку фоновую (точку) и положить как {background:url(images/header_bg.gif) 0 90% no-repeat; padding-left:20px;}

никаких before. всё равно не везде работает

[ddd]

по первому вопросу почти справилась, только непонятно как вывести бордер после каждого пункта кроме последнего, по второму через background тоже пробовала - не получилось.

[rus]

Посмотрите как реализовано здесь.

Копипаст конечно не выход, но по крайней мере на будущее будешь знать как это делается.