Горизонтальное меню на CSS - Вопросы по CSS

netmind
Цитата
Код:
padding: 15px 5px; margin:0 60px;
А так?

Попробовать сделать padding разный для всех 4-х сторон .

В этом варианте треугольники встали как надо, но из-за margin текст отъехал от края страницы.

Делаете вывод <li><a><span>Пункт меню</span></a></li>, и разводите всё одними паддингами. Действительно, не вижу никаких сложностей.

 <div class="content-main">
        <ul class="menu">
          <li><a href="#"><span>Обо мне</span></a></li>
          <li><a href="#"><span>Чем я занимаюсь</span></a></li>
          <li><a href="#"><span>Как связаться</span></a></li>
          
         </ul>

.menu{
	list-style:none; overflow:hidden;
    }
	.menu li{ 
       float:left; background:url(images/bg-menu.jpg) right no-repeat; padding: 15px 15px 15px 70px; 
	             }

span style="padding-left: 20px;

Извиняюсь за глупость
а куда это впихнуть?

<div class="content-main">
        <ul class="menu">
          <li><a href="#"><span style="padding-left: 20px;>Обо мне</span></a></li>
          <li><a href="#"><span style="padding-left: 20px;>Чем я занимаюсь</span></a></li>
          <li><a href="#"><span style="padding-left: 20px;>Как связаться</span></a></li>
         </ul>

Исправьте все ошибки валидации для начала. Смотрите в приложенном архиве.