problem mit link über ganzen td

[chrisi1002]

hallo!

habe ein menü bei dem ich gerne den link über den ganzen <td> machen möchte, damit sich beim :hover die hintergrundfarbe ändert!

#links {
 Z-INDEX: 100; LEFT: 0px; FONT: 12px Verdana, sans-serif; width: 100%; height:100%;
}
#links A {
 BORDER-TOP-WIDTH: 0px; BORDER-RIGHT: #FFFFFF 5px solid; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px;
 DISPLAY: block;
 PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; PADDING-RIGHT: 5px;
 BACKGROUND: #2064C0;
 MARGIN: 0px 0px 1px;
 FONT: bold 1em sans-serif; COLOR: #FFFFFF; TEXT-ALIGN: center; TEXT-DECORATION: none
}

im mozilla funktionierts, aber im IE nicht.
beim IE habe ich das menü schon mal in Verwendung gehabt, aber mit "position:absolute", da hat es auch im IE funktioniert.
Aber da ich das menü in einem div mit prozentangaben drinnen habe, geht das mit "absolute" nicht.

was kann ich machen?

[Zeromancer]

Hallo,

benutze doch Listen für die Navigation. Viele Beispiele findest du bei http://css.maxdesign.com.au/listamatic/. Habe ich auch gemacht http://www.bbl-online.com/index.shtml und ansonsten durchforste mal das Archiv hier im Forum. Da gibt es eine Menge zu entdecken.

Mit freundlichen Grüßen

André

[chrisi1002]

benutze doch Listen für die Navigation. Viele Beispiele findest du bei http://css.maxdesign.com.au/listamatic/.

bei diesem link ist auch ein beispiel dabei, wo der link nicht über das ganze listenelement geht

http://css.maxdesign.com.au/listamatic/vertical09.htm
diesen typ von listen hätte ich gerne verwendet doch, der geht nur im Mozilla und im IE nicht

[Ingo Turski]

Hi,

http://css.maxdesign.com.au/listamatic/vertical09.htm
diesen typ von listen hätte ich gerne verwendet doch, der geht nur im Mozilla und im IE nicht

Du hättest Dir meine verlinkte Seite genauer ansehen sollen ;-)
Genau dieses Menü von Eric Meyer (und noch ein anderes) hatte mich zu meinem Menü inspiriert. Und auf meiner Seite gibt's einen Verweis auf eine Seite mit eben diesem Menü: http://www.1ngo.de/web/button-demo.html
auf der Du auch eine für den IE nachgebesserte Version des Meyerschen Menüs (nur mit anderen Farben) findest.

freundliche Grüße
Ingo

[Andreas Görtz]

Hi,

was kann ich machen?

lass dein HTML und CSS durch den Validator laufen:

• http://validator.w3.org/
• http://jigsaw.w3.org/css-validator/

(verlinken geht wohl gerade nicht!?)

und korrigiere die auftretenden Fehler. Wenn das noch nicht hilft, reduziere dein CSS auf das Nötigste (der a-Tag braucht display:block), bis es in allen Browsern wie erwartet angezeigt wird. Dann füge Schritt für Schritt deine weiteren Definitionen hinzu und überprüfe nach jedem Schritt, ob es "hakt".

Gruß,
Andreas.

[Ingo Turski]

Hi,

DISPLAY: block;

der IE benötigt zusätzlich width:100%.

freundliche Grüße
Ingo