✔ Tooltip PHP

Hallo!

Deinem Quelltext zufolge wird erst nach IE5 gefragt ( [if IE 5] ) und zum schluss nochmal nach dem IE ab 5 ( [if IE] ).
Daraus ergibt sich eine Kollision und der Browser weiss nicht was er denn nun nehmen soll.
[if lte IE 5.5999] bedeutet bis IE5.5 und [if IE 6] bedeutet alle IE6, somit ist es klar getrennt.
Den Link habe ich dir gegeben weil dort die Beschreibungen zu den Kürzeln stehen.
Code: 
[if IE]: alle Versionen (ab 5.0),
[if IE 6]: alle 6er-Versionen,
[if gte IE 5.5]: alle Version ab 5.5 (greater-than or equal = kleiner oder gleich),
[if lte IE 5.5999]: alle Version bis 5.5 (less-than or equal = größer oder gleich),
[if lt IE 5.1]: Version 5.0x (less-than = kleiner als).
Gruss Dr Dau
 
Hallo,

sollte ich dann also einmal [if lte IE 5.5999] und [if IE 6] erstezen? Z.B. so:

HTML: 
 <style type="text/css">
	a.infobox { border-bottom: 1px dashed #c30; text-decoration:none; }
	a.infobox:hover { cursor:help; color:#c30; background:white; text-decoration:none; }
	a.infobox span { visibility:hidden; position:absolute; left:12em; margin-left:56px;
					 margin-top:1.5em; padding:1em; text-decoration:none; }
	a.infobox:hover span { visibility:visible; border:1px solid #c30;
						   color:blue; background:white; }
  </style>
  <!--[if lte IE 5.5999]><style type="text/css">
	a.infobox span { display:none; }
	a.infobox:hover span { display:block; }
  </style><![endif]-->
  <style type="text/css">
	a.infobox2 { border-bottom: 1px dashed #c30; text-decoration:none; }
	a.infobox2:hover { cursor:help; color:#c30; background:white; text-decoration:none; }
	a.infobox2 span { display:none; position:absolute; left:12em; margin-left:56px;
					 margin-top:0.1em; padding:1em; text-decoration:none; }
	a.infobox2:hover span { display:block; width:20em; text-align:justify;
							border:1px solid #c30; color:blue; background:white; }
  </style>
  <!--[if IE 6]><style type="text/css">
	a.infobox2:hover span { margin-top:1.5em; width:22em;}
  </style><![endif]-->


gruß
feh
 
<p>Dies können <abbr title="englisch für: 'As far as I know' ('soweit ich weiß')">AFAIK</abbr> alle modernen Browser interpretieren:</p>
Zum Vergrößern anklicken....
Das weiss ich. Aber das title-Attribut lässt sich nicht formatieren, z. B. kann man da meines Wissens keine Zeilenumbrüche reinmachen (zumindest keine, die auch im Firefox funktionieren).
 
Hallo!

Mir ist grad aufgefallen dass da ja auch CSS für die andere Infobox ist.

Ich habe es mal angepasst:
HTML: 
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>0</title>
<style type="text/css">
a.infobox2 { border-bottom: 1px dashed #c30; text-decoration:none; }
a.infobox2:hover { cursor:help; color:#c30; background:white; }
a.infobox2 span { visibility:hidden; position:absolute; left:16em;
	 margin-top:1.5em; padding:1em; text-decoration:none; }
a.infobox2:hover span { visibility:visible; border:1px solid #c30;
	 color:blue; background:white; }
</style>
<!--[if lte IE 5.5999]><style type="text/css">
a.infobox2 span { display:none; }
a.infobox2:hover span { display:block; }
</style><![endif]-->
</head>
<body>
 
<p>Dies können <a class="infobox2" href="#INFO">AFAIK<span> <b>Infobox</b><br />
englisch für: 'As far as I know' ('soweit ich weiß')</span></a> alle modernen Browser interpretieren:</p>
 
</body>
</html>
Getestet mit IE5.5, IE6, Mozilla 1.7.5 und Opera 7.54u2.

Gruss Dr Dau

[edit] Und nun das ganze auch noch W3C valide..... This Page Is Valid XHTML 1.0 Strict! [/edit]
 
Zuletzt bearbeitet:
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück