|
|||
textlink hoover --> grafik einblenden
hallo css-freunde,
wie muss das css-style ausschauen, wenn ich bei mehreren textlinks jeweils die dazugehörige grafik bei mouse-over einblenden lassen möchte? die grafiken sind unterschiedlich positioniert und sollten in den gängisten browsern, wenn möglich, pixelgenau angezeigt werden. eine bestimmte reihenfolge im style ist wichtig aber welche? wie verhält es sich mit dem z-index und wie bekomme ich den rahmen weg, der bei mozilla um den grafiken dargestellt wird? eine kompakte antwort auf diesen fragenkatalog wäre mir sehr hilfreich, da zeitnot... dank für alle bemühungen gruß, booth http://www.pixxelpower.de/web/index.htm Code:
.ang {font-color: #000000; FONT-FAMILY: Verdana; text-decoration: none; font-size: 9px;} .ang a span {display: none;} .ang a:visited { color: #000000; FONT-FAMILY : Verdana; text-decoration : none; font-size : 9px; } .ang a:active { color: #000000; FONT-FAMILY : Verdana; text-decoration : none; font-size : 9px; } .ang a:hover {color: #000000; FONT-FAMILY: Verdana; text-decoration : none; font-size : 9px; text-decoration:underline;} .ang a:hover span {display: block; position: absolute; top: 110px; right: 350px; width: 400px; z-index: 100; border-line: none;} .boi {color: #000000; FONT-FAMILY: Verdana; text-decoration: none; font-size: 9px;} .boi a span {display: none;} .boi a:visited { color: #000000; FONT-FAMILY : Verdana; text-decoration : none; font-size : 9px; } .boi a:active { color: #000000; FONT-FAMILY : Verdana; text-decoration : none; font-size : 9px; } .boi a:hover span {display: block; position: absolute; top: 80px; right: 400px; width: 400px; z-index: 99;} .boi a:hover {color: #000000; FONT-FAMILY : Verdana; text-decoration : none; font-size : 9px; text-decoration:underline;} .brue {color: #000000; FONT-FAMILY: Verdana; text-decoration: none; font-size: 9px;} .brue a span {display: none;} .brue visited { color: #000000; FONT-FAMILY : Verdana; text-decoration : none; font-size : 9px; } .brue active { color: #000000; FONT-FAMILY : Verdana; text-decoration : none; font-size : 9px; } .brue a:hover span {display: block; position: absolute; top: 80px; right: 200px; width: 300px; z-index: 98;} .brue a:hover {color: #000000; FONT-FAMILY : Verdana; text-decoration : none; font-size : 9px; text-decoration:underline;} |
Sponsored Links |
|
|||
Ich habe mich damit auch schon mal beschäftigt. Wie es grob geht kannst du hier nachlesen:
http://www.edmundprobsthaus.de/edmund1.html http://www.edmundprobsthaus.de/style2.css Das wichtigste ist wohl den a Tag als "display:block;" auszugeben. In disesm Block kannst du dann beim hovern das Hintergrundbild austauschen. Gruß, Philippp |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
eine grafik über andere legen | keyboardY | CSS | 6 | 23.01.2010 18:53 |
Textlink zentriert in einer Grafik | tiggerone | CSS | 1 | 08.10.2009 19:37 |
Hover Textlink, Hover Grafik | scroll | CSS | 5 | 23.04.2009 17:29 |
Grafik auf Hintergrund -> IE macht Pixelproblem | smartens | CSS | 9 | 14.06.2007 18:12 |
Container nimmt nicht die Höhe seines Inhalts an | Lestat | CSS | 10 | 04.08.2005 14:47 |