a:hover problem
chrisi1002
- css
0 KD-one0 chrisi10020 KD-one
hy!
also ich habe ein paar links in einen table geschrieben und jetzt sollte die ganze zelle der link sein nicht nur der text...
und wenn ich mit a:hover arbeite sollte dann die hintergrundfarbe von der zelle verändert werden....
wie kann das funktionieren?
danke im voraus!
Hallo chrisi1002,
und wenn ich mit a:hover arbeite sollte dann die hintergrundfarbe von der zelle verändert werden....
Damit das zufriedenstellend funktioniert, musst du die Display-Eigenschaft des Links ändern.
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#display
Danach ist es ganz einfach, mit width und height kannst du den Link der Zelle anpassen und die gewünschte Hintergrundfarbe mitgeben.
Gruß
Kurt
Danach ist es ganz einfach, mit width und height kannst du den Link der Zelle anpassen und die gewünschte Hintergrundfarbe mitgeben.
das mit width und heigth funktioniert schon, aber das mit der hintergrundfarbe geht nicht...
im stylesheet:
a {heigth: 100%; width: 100% ...}
a:hover {background: #000}
da wird aber nicht die hintergrundfarbe der zelle geändert sondern nur des links, aber das geht nicht über die ganze zelle (links, rechts, oben und unten bleibt ein rand mit der alten farbe)
Hallo chrisi1002,
im stylesheet:
a {heigth: 100%; width: 100% ...}
a:hover {background: #000}da wird aber nicht die hintergrundfarbe der zelle geändert sondern nur des links, aber das geht nicht über die ganze zelle (links, rechts, oben und unten bleibt ein rand mit der alten farbe)
Ich sehe da aber keine Formatierung, mit der du die Displayeigenschaft veränderst.
Du sollst aus dem Link ein Block-Level Element machen, a ist an sich ein Inline Element, welchem man keine Höhe und keine Breite zuweisen kann.
Welcher Browser?
Gruß
Kurt