Фон пунктов меню

[Zeeeya]

Здравствуйте! Помогите советом, пожалуйста!

Нужно под каждый пунктом меню поставить изображение кнопок.

Почему-то изображение обрезается. Что не так в коде?

#left{
float: center;
width:230px;
height: 449px;
}
#left ul.menu li a, #left ul.menu li a:link{
padding: 5px 25px 8px 25px;
text-decoration: none;
color: #503722;
font-weight: normal;
line-height: 2.0;
font-size: 18px;
background: url(../images/menu_row.gif)left no-repeat;
margin: 0 0 0 5px;
font-style: italic;
font-weight: bold;

Edited January 26, 2013 by Zeeeya

[uuu]

float: center;

посмотрите http://htmlbook.ru/css/float

пример лучше выложить сюда http://jsfiddle.net/

[Zeeeya]

Выложила: http://jsfiddle.net/Zeya777/yEUTh/#base

float не помог...((

[danik.html]

Че за хрень вы выложили ? Шаблон от джумлы? Но jsfiddle не имеет на борту Joomla ))

[USF]

[Zeeeya]

Че за хрень вы выложили ? Шаблон от джумлы? Но jsfiddle не имеет на борту Joomla ))

ну да...

[Zeeeya]

Кто-нибудь подскажет по коду?

[caprella]

Zeeeya, по-моему, вы не совсем поняли, что сделали. Вас попросили выложить код (разметка + стили) на jsfiddle, чтобы можно было что-то там исправить и помочь вам, а вы выложили шаблон. Вы разобрались, из чего этот шаблон собран? Например, "<?php " - это включения php-кода, который вообще к серверным языкам относится. Я хоть с джумлой, слава богу, не работала, но подозреваю, что "<jdoc:include" - тоже элемент шаблонизации, т.е. в конечном итоге в это место будет выведен результат работы какого-то модуля. По сути, мы ведь разметку и увидеть не можем, как и jsfiidle ничего не может нарисовать в окне Result.

[danik.html]

Просто дайте ссылку на сайт.

[rediskavet]

#left ul.menu li a, #left ul.menu li a:link

Сделайте эти ссылкм display:block и установите им размер такой же как размер у фонового изображения.

[Zeeeya]

Zeeeya, по-моему, вы не совсем поняли, что сделали.

Именно итак)) Спасибо за разьяснение!

Сайт на локалке еще...

#left ul.menu li a, #left ul.menu li a:link

Сделайте эти ссылкм display:block и установите им размер такой же как размер у фонового изображения.

Спасибо! Все получилось!!!

НЕ подскажите, как сделать еще кнопку нажатой? Вот такой:

Только через "onclick"? Его в какой файл прописывать? Заранее спасибо!

Edited February 6, 2013 by Zeeeya

[Zeeeya]

прописала кодом, все работает.

#left ul.menu li#current a, #left.menu li#current a:link {
display: block;
	    width:230px;
	    height: 36px;
background: url(../images/menu_row_cur.gif) no-repeat;
font-weight: bold;
}