|
Vorheriges Thema: Nächstes Thema: |
Autor |
Nachricht |
Ein Verwirrter Gast
|
Verfasst am: 25.08.2005 07:30:55 Titel: Popups per CSS |
|
|
Ich möchte, wenn man über einen Link geht, dem Benutzer eine Erläuterung geben, was er da anklickt. Vorbild ist das Menü von http://www.xn--gssner-bua.de
Dies funktioniert bei mir im Firefox und im IE6. Also habe ich mich im Quelltext der Seite schlau gemacht und für mein Projekt folgendes Stylesheet erstellt:
Code: |
body
{
font-family: Tahoma, Verdana, sans-serif;
}
a
{
text-decoration: none;
}
a span
{
display: none;
}
a:hover span
{
display: block;
position: absolute;
left: 120px;
width: 120px;
padding: 5px;
margin: 3px;
z-index: 85;
color: white;
background: teal;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
text-align: center;
border-left: 5px solid black;
} |
Ist halt direkt kopiert..
Im HTML-Dokument gibt es nun folgende Zeile, um den Effekt hervorzurufen:
Code: |
<a href="http://dokument2.html">Link<span>Infotext</span></a> |
Im Firefox geht´s, im IE6 nicht. Große Frage ans Forum: Warum? |
|
Nach oben |
|
|
Ein Verwirrter Gast
|
Verfasst am: 25.08.2005 12:40:06 Titel: |
|
|
Klar ist mir das nicht, aber der IE möchte den a-Tag samt Pseudoklassen definiert haben:
Code: |
a:link
{
display: inline;
}
a:visited
{
display: inline;
}
a:hover
{
display: inline;
background: white;
text-decoration: none;
}
a:active
{
display: inline;
}
a span
{
display: none;
}
a:hover span
{
display: block;
position: absolute;
width: 120px;
left: 120px;
padding: 5px;
margin: 3px;
z-index: 85;
color: white;
background: teal;
font: 8pt Verdana, Arial, Helvetica, sans-serif;
text-align: center;
border-left: 5px solid black;
} |
Und schon geht´s. Zwar sind die Positionierungen im Firefox und IE leicht unterschiedlich, aber das ist für meine Zwecke okay. Vielleicht hilft ja jemandem diese Lösung. |
|
Nach oben |
|
|
struppi Forumsteilnehmer
Anmeldungsdatum: 03.02.2005 Beiträge: 9
|
|
Nach oben |
|
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum nicht antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
|
|