Problem mit Darstellung einer Liste (Menü)

[andi]

Nabend,
die Elemente meiner Menü-Liste sollen im aktiven und hover-Stadium eine andere bg-Farbe bekommen. Der BG soll nicht nur das Wort hinterlegen, sodern auch 5px drum herum.

  
#main_navigation li{  
	padding:5px 8px;  
	float:left;  
	margin-right:10px;	  
}  
  
  
#main_navigation a:hover{  
	background:#6c87bf;  
}  
  
  
#main_navigation .current{  
	background:#6c87bf;  
}  
  

bei .current funktionierts, bei :hover ändert sich nur die Farbe hinter dem Wort - ohen Rand :-/

Jemand ne Idee?

danke,. andi

[Joshh]

Jemand ne Idee?

Wenn du das 5px-padding auf das a-Element anwendest, das auch die neue Hintergrundfarbe bekommt, sollte das was werden.

Grüße,
Josh

[Gernot Back]

Hallo Joshh,

Wenn du das 5px-padding auf das a-Element anwendest, das auch die neue Hintergrundfarbe bekommt, sollte das was werden.

... aber nur, wenn das A-Element dann auch auf display:block oder zumindest display:inline-block gestellt wird oder floatet oder mit dem Default-Wert display:inline eine Line-Height beansprucht, die auch für das 5-Pixel-Padding oben und unten ausreichenden Platz lässt.

Gruß Gernot

[Joshh]

Hi,

... aber nur, wenn das A-Element dann auch auf display:block oder zumindest display:inline-block gestellt wird oder floatet oder mit dem Default-Wert display:inline eine Line-Height beansprucht, die auch für das 5-Pixel-Padding oben und unten ausreichenden Platz lässt.

Jep, stimmt. Die Info hat noch gefehlt.

Grüße,
Josh