Как вставить соответствующие иконки в соответствующий пункт меню, рядом с тестом

[RichV]

Ребята научите, как вставить соответствующие иконки в соответствующий пункт меню (горизонтальное), рядом с тестом.

К примеру меню: авто мото вело контакты

Перед каждым пунктом списка нужно поставить соответствующую иконку.

Я использую вордпресс (это на всякий случай) ), вод код меню в css

   /*Main Navbar */

#nav {
	font-size:1em;
	background:#669900;
}

#nav, #nav ul {
	list-style:none;
	line-height:1;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#nav li {
	float: left;
	list-style:none;
	border-right:1px solid #fff;
	}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: white;
	padding: 9px 18px;
	}

#nav a:hover, #nav a:active {
	background: #800040;
	text-decoration:none;
	}   

.current_page_item  a, #home .on  {background: #566873;}

[d0ublezer0]

А зачем вы объявляете несколько раз свойстав для одного и того же элемента?

На ссылку - паддинг и фоном вашу иконку.

А блин, паддинг есть уже. ну в общем, фоном - иконку, а паддингом регулировать положение текста

Примерно так:

#nav a{
	padding-left:36px;
	}
#nav a.icon1{
background: url("icon1.png") no-repeat left center;
	}

Edited October 28, 2010 by d0ublezer0

[RichV]

Спасибо, буду пробовать

Edited October 28, 2010 by RichV

[d0ublezer0]

ну и для остальных ссылок по аналогии a.icon1, a.icon2, a.icon3

[RichV]

В моей теме меню задается в хидере, вроде вот этим кодом

<? if ($prinz_pagemenuon == "false") { // the horizontal page menu ?>
<ul id="nav" class="clearfloat">
  <li><a href="<?php echo get_option('home'); ?>/" class="on">Главная</a></li>
  <?php wp_list_pages("exclude=$prinz_menuepages;&title_li="); ?>
</ul>

Скажите, где здесь прописать свойства?

Edited October 28, 2010 by RichV

[d0ublezer0]

Ищите функцию wp_list_pages и в ее коде смотрите, как она формирует вывод.

[RichV]

Ищите функцию wp_list_pages и в ее коде смотрите, как она формирует вывод.

Большое спасибо, разобрался, сделал)

И еще вопрос картинки я вставил, уменя меню само зеленое (выше в коде видно)+ теперь картинки+радом текст (список меню)

При навидении на нужный блок меню он меняет цвет (фиолетовый), при этом картинка исчезает, видимо перекрывается. Как сделать, чтобы не перекрывалась?

#nav a:hover, #nav a:active {
	background: #800040;
	text-decoration:none;
	}

[d0ublezer0]

#nav a:hover, #nav a:active {
	background-color: #800040;
	text-decoration:none;
	}

[RichV]

#nav a:hover, #nav a:active {
	background-color: #800040;
	text-decoration:none;
	}

СПАСИБО!!