Forum PHP.pl

Posiadam mniej wiecej taki kod listy odsyłaczy

[HTML] pobierz, plaintext 
 
<div id="ramka">	
                    <div id="inne"><ul><li><a href="index.php?" >Inne</a></li></ul></div>
 
</div>
[HTML] pobierz, plaintext 

oraz taki kod w pliku css

[CSS] pobierz, plaintext 
#inne li {
	background: url(../img/bg-li-off.jpg);
	padding-left: 60px;
	display: block;
	text-align: left;	
	height: 24px;	
	vertical-align: middle;
	padding-top: 8px;
 
}
 
#inne li:hover {
	background: url(../img/bg-li-on.jpg);
	display: block;
	text-align: left;	
	color: #000;
 
}
[CSS] pobierz, plaintext 

I nie moge uzyskac efektu zeby caly znacznik <li> byl odsylaczem do wewnetrznego odnosnika.

Probowalem zrobic tak jak w tym poradniku http://www.kurshtml.boo.pl/css/pionowe_menu,menu.html ale to tylko nadalo wymiary mojemu odnosnikowi co przy padding-left: 60px; z pliku css dalo taki efekt ze odnosnik wychodzil poza pole.

Efekt przy aktualnym kodzie css :

http://img23.imageshack.us/i/beznazwy2kj.gif/

I efekt przy takim dodatku:

[CSS] pobierz, plaintext 
#ramka ul a:link, #ramka ul a:visited , #ramka ul a:hover{
	display: block;
	width: 186px;
	text-decoration: none;
	background-color: #ccc;
	color: #000;
	padding: 5px;
	border: 2px outset #ccc;
}
[CSS] pobierz, plaintext 

hhttp://img62.imageshack.us/img62/9651/beznazwy5.gif

Prosze o szybka pomoc

Ten post edytował kropka89 21.10.2009, 13:44:11

vertical lists http://css.maxdesign.com.au/listamatic/