CSS / Tipps / Infotext unter einem Link anzeigen[IE|M|O]

von: Werner Zenk

Beispiel:



Quelltext:
<style type="text/css">
div#tooltipp {
position: absolute;
}

div#tooltipp a {
display: block;
}

div#tooltipp a:hover {
background: #FFFFFF;
}

div#tooltipp a span {
display: none;
}

div#tooltipp a:hover span {
display: block;
text-decoration: none;
border: solid 1px #f97c00;
color: #000000;
background: FFD9B3;
}
</style>

Aufruf über Link:
<div id="tooltipp">
<a href="dateiname.html">Linktext<span>Linktipp-Text</span></a>
</div>
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
d.klinger@gmx.de:
Wie kann ich das Feld für den dann angezeigten Text verbreitern ? MFG D.Klinger

David M:
In dem Du bei "div#tooltipp a:hover span {" ein weiteres Attribut hinzufügst: "width:250px;"

mbraetz:
THX das ding is praktisch

CarHiFi-Gehaeuse.de:
Wie kann ich denn mehrere nebeneinander platzieren? wenn ich das mit leerzeichen versuche, schmeißt er mir alle untereinander!

Alex:
@CarHiFi: Mit dem hier kannst du das nebeneinander machen.
http://www.webmasters-solution.de/[...]/info-text.html
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
CSS Hyperlink #17  Kommentare bei CSS-Anweisungen  Texteingabe nur in Großbuchstaben zulassen  Linkrahmen von allen Bildern entfernen - Beim Verlinken von Bildern entstehen um die Bilder (hässliche) Rahmen. Mit dieser Anweisung können Sie diese Linkrahmen Dateiweit entfernen.  CSS Grundkurs [Lektion 1]  Textumfluss bei Bildern erstellen - Sie können für Bilder oder ein Element bestimmen, dass nachfolgende Elemente dieses Element umfließen.  Übergangsfilter  CSS Hyperlink #16  Rahmen mit Bildlaufleiste  Schriftfarbe und Schriftart mit CSS erstellen  CSS Hyperlink #18  CSS Bausteine 2  CSS Grundkurs [Lektion 2]  Abkürzungen mit CSS hervorheben  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner