✔ Probleme mit Validität bei Verschachtelung von SPAN mit TABLE

[Maik]

Desweiteren fehlt da noch eine Angabe zu z-index, damit der Tooltip nicht vom benachbarten Photo überdeckt wird.

Dafür hast du dir im CSS den falschen Selektor ausgesucht, weshalb da derzeit keine Besserung in Sicht ist

mfg Maik

 

[hinkel11]

Das Thema mit dem z-index hatten wir glaub ich schon einmal, aber irgendwie raff ichs immernoch nicht. Der tooltip hat einen z-index von 5 und das 2. Bild (von links nach rechts) hat einen z-index von 3. Warum schiebt sich der tooltip fürs 1. Bild unter das 2.Bild? Versteh ich nicht, denn der z-index für den tooltip ist doch in jedem Fall höher als der für das jeweilige Bild.

 

[Maik]

Das Thema mit dem z-index hatten wir glaub ich schon einmal

Jo, das war speziell wegen dem IE.

In allen übrigen Browern reicht hier:

a.tooltip span {
/* best. CSS-Regeln */
z-index: 2;
}

Ansonsten schlägst du einfach dein Thema Transparente Box und Schrift auf, das von dir seinerzeit als "Gelöst" markiert wurde, oder du wirfst mal einen Blick in dein vorgenommenes Backup des Stylesheets "purecsstooltip.css", das dann ja wohl zwischenzeitlich IE-kompatibel zum Einsatz kam.

mfg Maik

 

[hinkel11]

Super nun klappts, auch im IE. Danke nochmal.

Zu früh gefreut. Klappt leider nur im IE8. Im IE6 und IE7 werden die Tooltips verschoben angezeigt. Kann ich das mit irgendwelchen Anpassungen beheben?

 

[Maik]

Versuch's mal hiermit:

a.tooltip{
        text-decoration: none;
        position: absolute; /* anstelle von position:relative */
}

Da es hier jetzt ausschließlich nur noch um die passende CSS-Formatierung geht, schiebe ich den Thread in den Fachbereich.

mfg Maik

 

[hinkel11]

Klappt leider nicht. Dabei wird das gesamt Layout durcheinander gehauen.
Im Anhang mal ein Screenshot wies im FF aussieht (im IE schauts noch schlimmer aus).

 

[Maik]

Dann belässt du es halt bei der ursprünglichen relativen Positionierung, und gibst dem IE6 mit Hilfe des Conditonal Comments die korrigierte Startposition mit auf dem Weg.

Übrigens stimmen bei mir im IE7 sehr wohl die Startpositionen des Tooltips.

mfg Maik

 

[Maik]

Tja, man sollte sich halt schon in seinem eigenen Code auskennen

Diese Zeilen überschreiben für den IE6 die gewünschte left:60px-Deklaration im Stylesheet "purecsstooltip.css":

  <!--[if lte IE 6]>
	<style type="text/css">
		.tooltip:hover span{
			left: auto;
		}   
		.tooltip span{           
			left: -9999px;   
		}
	</style>
  <![endif]-->

mfg Maik

 

[hinkel11]

Ist halt der Nachteil, wenn man mit CMS wie Joomla arbeitet, wo oftmals Code in irgendwelchen Dateien versteckt, die man i.d.R. nie anfässt.
Aber Ok, das mit der Positionierung klappt nun. Ist zwar immernoch nicht so wie im Firefox, ist aber akzeptabel. Doch das mit dem z-index haut für den IE6 & 7 immernoch nicht hin, d.h. der tooltip vom 1. Bild schiebt sich unter das 2.Bild. Hab es mit einem höheren z-index für a.tooltip span probiert, aber ohne Erfolg.
Wo hat IE nun schon wieder für ein Problem?

Habs nun hinbekommen. Das position:relative war einfach nur an falscher Stelle.