• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

tooltip funktioniert im IE nicht

Status
Für weitere Antworten geschlossen.
FrashMan

FrashMan

Neues Mitglied
hi

ich habe mal wieder probleme mit dem IE
zu meinem problem:

ich habe für meine seite einen schönen tooltip auf "a span" basis eingebaut. sieht schnuckelich aus, erfüllt seinen zweck ich bin voll zufieden. nur der IE möchte den tipp einfach nicht öffnen

HTML: 
<style type="text/css">
a.tooltip {position:relative;}
a.tooltip span {display:none;}
a.tooltip:hover span {
 display: block;
 position: absolute;
 z-index: 1;
 left: 5px;
 width: 250px;
 padding: 3px;
 font-size: 10px;
 line-height: normal;
 color: #EAECEE;
 background-color: #506070;
 border: 1px solid #f2f3f5;}
</style>
<body>
<a class="tooltip">Text<span>Tooltip</span></a>
</body>

ich hoffe ihr könnt mir helfen. ich bin wiedermal am verzweifeln...
das ist aber auch ein mist mit dem IE...

ps: suche habe ich schon benutzt...

edit: zudem sind mir unerklärliche grafik-bugs im opera aufgefallen- die erst nach der änderung der schriftgröße aufgefallen sind... beim darüberzeigen erscheint der tip nur zur hälfte. beim klicken ist ein dann ein stück mehr da. "z-index" zu ändern habe ich schon versuche - klappt auch nur zeitweise. das ist dann glückssache wenn der mal richtig erscheint...
 
Zuletzt bearbeitet:
Der IE kennt den hover effekt nicht.
musst mal nach einer JS Lösung dafür suchen(finde sie
gerade selbst nicht^^)
 
prostel schrieb:
Der IE kennt den hover effekt nicht.
Zum Vergrößern anklicken....

sicher?? das kann ich ja nun grad gar nicht glauben, aus dem einfachen grund, weil der IE einen hover effekt bei links anzeigt...

aber rein theoretisch muss es funktionieren, es fehlt bestimmt nur sone variable wie backround-color... . ich weiß es halt nicht genau (probiert hab ich es auch schon - aber ohne erfolg)

kennt den niemand eine lösung? es muss einfach funktionieren!
 
hmm danke aber das hilft mir nicht weiter...

edit:// ich habe die lösung gefunden - dazu musste ich aber nen bisschen was umstrukturieren. zum beispiel habe ich den ganzen "link" noch einmal eingespannt (schönes wortspiel) und natürlich das css drauf abgestimmt. UND auch den eigentlichen bug behoben: die hintergrundfarbe richtig gesetzt - das was ich mir schon gedacht habe...

für leute die das glaiche problem haben:

Code: 
<style type="text/css">
span.tooltip {position:relative;}
span.tooltip a:hover {background:#203040;}
span.tooltip a span {display:none;}
span.tooltip a:hover span {
 display: block;
 text-decoration: none;
 position:absolute;
 width: 250px;
 padding: 10px;
 z-index: 1;
 font-size: 10px;
 line-height: normal;
 color: #EAECEE;
 background-color: #506070;
 border: 1px solid #f2f3f5;}
</style>

<span class="tooltip"><a href="#">TEXT<span>TOOLTIP</span></a></span>

ALLERDINGS: gibt es noch massive grafig bugs im Opera (9.01)
kann mir da vielleicht jemand mal ein feedback geben wer diese bugs (abgetrennte, hängenbleibende tooltips) noch sieht? oder obs an meinen rechner liegt...

hier der genauere link: (die hervorgehobenen wörter Tabelle und CSS sind die tooltips)
http://fraisi.de/webdesign_2.htm
 
Zuletzt bearbeitet:
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben