Фоновая картинка в <li>

[2_k]

Возможно ли как то отобразить фоновую картинку за края в <li> блоке? То есть чтобы картинка не обрезалась.

[rus]

При каких условиях картинка обрезается?

Может задать фикс. ширину и отодвинуть паддингом?

[2_k]

При каких условиях картинка обрезается?

Может задать фикс. ширину и отодвинуть паддингом?

Картинки для меню,

выглядит так.

 <div id="icons-menu">
	<ul >
	<li ><a class="1" href="/section/1/"></a></li>
	<li ><a class="2" href="/section/2/"></a></li>

	<li ><a class="3" href="/section/3/"></a></li>
	<li ><a class="4" href="/section/4/"></a></li>
		<li ><a class="5-a" ></a></li>
	</ul>
	</div>

по ширине все пункты меню (<li>) в %, т. к. резина.

Для меню используются фоновые картинки представляющие из себя png иконки с альфой, и эти иконки и обрезаются по размерам li a: 50px на 200px.

вот css

#icons-menu ul{
float:right;
height:200px;
width:35.5%;
position:relative;
}

#icons-menu li{
float: left; 
list-style: none;
text-align:center;
width:20%; 
}

#icons-menu li a{
float: left; 
list-style: none;
text-align:center;
height:200px;
width:50px;

}

Что посоветуете?

Edited February 22, 2010 by 2_k

[shvv]

А где картинки?

[2_k]

А где картинки?

пардон

#icons-menu li a.1{
background:url(/img/menu/a.png) no-repeat scroll left bottom;
}
#icons-menu li a.1:hover{
background:url(/img/menu/b.png) no-repeat scroll left bottom;
}

и т. д.

[klierik]

Возможно ли как то отобразить фоновую картинку за края в <li> блоке? То есть чтобы картинка не обрезалась.

нет если закончилась область <li> - то и фон тоже.

фон не может быть длинее чем блок которому он прописан

[shvv]

А что мешает задать ширину ссылке в процентах?

[Great Rash]

Вам необходимо реализовать внутри <li> двухколоночный макет, одна из колонок которого будет иконкой, а другая контентом.

[2_k]

А что мешает задать ширину ссылке в процентах?

при hover мышь реагирует на весь размер ссылки, а картинки то фиксированной ширины.

Вам необходимо реализовать внутри <li> двухколоночный макет, одна из колонок которого будет иконкой, а другая контентом.

А можете по подробнее.

[Great Rash]

Даже и не знаю что вам ответить... если словосочетание "двухколоночный макет" не говорит вам ни о чем, то выход только один - направить вас сюда: «двухколоночный макет» в Google.

[2_k]

Даже и не знаю что вам ответить... если словосочетание "двухколоночный макет" не говорит вам ни о чем, то выход только один - направить вас сюда: «двухколоночный макет» в Google.

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

[Great Rash]

Вам надо около каждого пункта меню расположить иконку. Я правильно понимаю?

[2_k]

Вам надо около каждого пункта меню расположить иконку. Я правильно понимаю?

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

[Great Rash]

Я понял, чего вы хотите добиться, я только не понимаю зачем вам это надо?