tooltip per Css

tooltip per Css

Beitragvon olmayer » 28.06.2008, 14:41

Hallo,
ich habe da ein kleines Problem mit einem Tooltip der auf Css basiert, vorab info im IE7 und opera Version9.27 Build 8841 geht alles nur im Firefox habe ich das Problem das es net geht. Der link wird aber angezeigt nur der tooltip dann halt net.

die CSS Anweisungen sind diese :

Code: Alles auswählen
.over a:hover{ border:0; /* Bug fix für IE */ }
.over a span{ display: none; }

.over a:hover span
{
    position:absolute;
    left:250px;
    width: 300px;
    height:auto;
    display: block;
    margin-top:-1em;
    padding: 5px;
    color: #000;
    background-color:#cfc;
    border:1px solid black;
    text-decoration: none;
}

im Html aufrufen per:
Code: Alles auswählen
Der HTML Code:
<div>
<a>Ein Link
<span>Das ist der Text zum  Link.</span></a>
</div>
<div>
<a>Ein Link
<span>Das ist der Text zum nexten Link.</span></a>
</div>
<div>
<a>3. Link
<span>Mit viel Text, und einem Bild:
<br>
<img><br>
Es klappt Prima.</span></a>
</div>

da ich es nun in einem php script aufrufe habe ich es folgendermassen :
Code: Alles auswählen
<div>
      <a>
         <span><print></span>
      </div>
der php code wird leider net ganz angezeigt.warum KA.

auch diese funzt alles:
Ich denke ich habe in den CSS Anweisungen etwas übersehen oder nimmt der neue Firefox evtl. das
Code: Alles auswählen
.over a:hover span
nicht?
ich weiss da im moment net weiter .
olmayer
neu hier
 
Beiträge: 2
Registriert: 28.06.2008, 14:30

Beitragvon olmayer » 28.06.2008, 16:05

So durch vieles hin und her probieren habe ich den Fehler in meinem Script gefunden das abschliessende div tag war irgendwie verschwunden und der Firefox hat es deswegen net angezeigt.

Wer interesse hat und mein Script nutzen möchte einfach ne Nachricht an mich.
olmayer
neu hier
 
Beiträge: 2
Registriert: 28.06.2008, 14:30


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "tooltip per Css"

Zurück zu: CSS für Anfänger

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste