Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2010 Teil von Januar

SELFHTML Forumsarchiv
Bild auf Bild mit Hover Link

Informationsseite
  1. Seite (CSS) Bild auf Bild mit Hover Link von Suma, 30. 01. 2010, 00:43
nach unten

Bild auf Bild mit Hover Link

Die folgende Nachricht zum Thema stammt von: Suma, 30. 01. 2010, 00:43

Hallo an die Experten dieses Forums,

ich habe ein kleines Problem und brauche dringend euren rat!

Mein vorhaben:

Ein Bild soll mit einem anderen Bild (gleiche größe) genau überdeckt werden wenn man mit dem Mousecursor über einen link fährt der sich aber an einer anderen Stelle in der Webseite befindet.

Beispiel CSS:
-------------

a.pics span {
 display:none;
 width:85px;
 background:#FFFFFF;
 color:#000000;
 text-align:center;
}
a.pics:hover {
 white-space:normal;
}
a.pics:hover span {
 display:block;
 position:absolute;
 left:0px;
 top:222px;
 z-index:1;
 height:93px;
}


Beispiel Link:
--------------

<a class="pics" href="de.php">Startseite<span><img src="images/nb.gif" alt="" /></span></a>


Jetzt ist es aber so dass sich das neue Bild im Firefox 3.5.6 und beim Netscape Navigator 9.0.0.6 Pixelgenau auf das alte Bild legt aber im Internet Explorer das neue Bild um genau ein Pixel nach oben verschiebt. Der IE macht also hier wieder einmal Probleme aber ich komme nicht auf eine Lösung um dieses ungeschehen zu machen.

Habt Ihr hierzu eine Idee?

Danke für eure Anregungen!

nach obennach unten

Bild auf Bild mit Hover Link

Die folgende Nachricht zum Thema stammt von: Prof. Dr. Dr. Sakkkkarre, 30. 01. 2010, 02:15

»» Beispiel CSS:
»» -------------
»»
»» a.pics span {
»» display:none;
»» width:85px;
»» background:#FFFFFF;
»» color:#000000;
»» text-align:center;
»» }
»» a.pics:hover {
»» white-space:normal;
»» }
»» a.pics:hover span {
»» display:block;
»» position:absolute;
»» left:0px;
»» top:222px;
»» z-index:1;
»» height:93px;
»» }

Ich würde versuchen, beide Bilder mit "postion" - siehe
[link]http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position[/link]
- an die gleiche Stelle zu legen umd mit dem Styleshitt nur den z-index
zu änderen.

nach obennach unten

Bild auf Bild mit Hover Link

Die folgende Nachricht zum Thema stammt von: Marc, 30. 01. 2010, 09:13

Hallo ihr beide,

euch hätte die Suche im Forum sicher schnell geholfen:


Guckst Du hier...

Gerade 2 Tage alt und sogar noch hier zu erreichen. Sogar ohne Suche.

Viele Grüße,
Marc.
--
Und immer schön
validieren (http://validator.w3.org/)

nach obennach unten

Bild auf Bild mit Hover Link

Die folgende Nachricht zum Thema stammt von: Suma, 31. 01. 2010, 12:42

Ein freundliches hallo an Marc und Prof. Dr. Dr. Sakkkkarre,

verspätet bedanke ich mich für eure guten Tipps!

Ihr habt mir sehr weitergeholfen!

Viele Grüße,

Suma

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2010 Teil von Januar

© 1998-2008 Seite Impressum, Software: Classic Forum