Link-Hover breiter ohne Tabelle

[sharky]

Hi!

Ich möchte auf meiner Homepage (www.sharksoft.net.tc) in der Menü-Leiste den Hover-Effekt über die ganze breite des Frames machen! Meine Menü-Leiste benützt keine Tabellen (da dynamisch per Javascript; nur einmal geladen)! Wie kann ich das ohne vieler "nbsp;" lösen? Vielleicht habt ihr Zeit und schaut euch auch den Quellcode an? Danke!

Link: Leiste

mfg.
Sharky

 

[Fabian H]

Vielleicht mit einem style="width:100%"

Oder mit den Pseudoformaten link, :active usw.):

a:link {
  [...]
  width: 100%;
}

usw..

Bei beiden Methoden muss aber sichergestellt werden, dass das nexthöhere Element auch wirklich so breit ist.
Ist in deinem Fall wohl der Body, sollte also keine Probleme geben.

 

[sharky]

Danke! Ich werde es heute noch ausprobieren!

mfg.
Sharky

 

[sam]

Original geschrieben von Nuinmundo
Vielleicht mit einem style="width:100%"

Oder, gleich per CSS

 

[Fabian H]

dumdidum

 

[sharky]

@ Nuinmundo:

@ all: Danke! Es funktioniert! Ich werde es am Abend einbauen!

A {
	BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; width: 100%;
}
A:active {
	BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; width: 100%;
}
A:visited {
	BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; width: 100%;
}
A:hover {
	COLOR: #000000; BACKGROUND-COLOR: #ffff00; TEXT-DECORATION: none; width: 100%;
}