zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden textlink hoover --> grafik einblenden

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.11.2004, 07:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.11.2004
Beiträge: 2
booth99 befindet sich auf einem aufstrebenden Ast
Standard 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;}
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.11.2004, 09:42
Philippp
Gast
 
Beiträge: n/a
Standard

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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:14 Uhr.