kostenloser Webspace werbefrei: lima-city

Tooltip für Links

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   jannue

   jannue hat kostenlosen Webspace.

   13:59, 11.5.2010

   Guten Tag,
   
   ich stelle mir schon seit Wochen die Frage, wie man eine Art Tooltip für einen Link macht, denn man mit Farben und Text gestalten kann.
   Bitte um Hilfe.
   
   danke

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. fatfreddy

   

   fatfreddy hat kostenlosen Webspace.

   14:33, 11.5.2010

   Stell die Frage doch einfach einer Suchmaschine.
   Google liefert sofort hinreichend Ergebnisse zum Stichwort "tooltip+html"
   
   FF

4. rnitsche

   

   rnitsche hat kostenlosen Webspace.

   15:16, 11.5.2010

   Ich stand auch vor einiger Zeit vor der Frage, wie ich das realisiere und habe mit den Suchergebnissen teilweise nichts anfangen können. Ich habe das wie folgt gelöst. Vielleicht hilft Dir das schon weiter. Dieser angepasste Code stammt aber auch von einer anderen Internetseite. Weiß leider nicht mehr, wo genau ich den Originalcode gefunden habe.
   
   Das zugehörige CSS:
   

   a.tip, a.tip:link, 
   a.tip:visited,a.tip:active { color: #616161; text-decoration: none; position: relative; }
   a.tip:hover { background: transparent; z-index: 100; }
   a.tip span { display: none; text-decoration: none; } 
   a.tip:hover span {
   display: block;
   font-size:11px;
   position: absolute;
   top: 40px;
   left: 0;
   width: 200px;
   z-index: 100;
   color: #fff;
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
   padding: 2px 10px;
   background-color: #06f;
   text-align: left;
   border-color: #003;
   border-style: solid;
   border-width: 1px 4px; }

   
   
   und dann für den Link:
   

   <a href='test.htm' class='tip'>Linktext<span>Tooltip-Text</span></a>

5. gonmar

   gonmar hat kostenlosen Webspace.

   14:52, 22.5.2010

   Mootools ist da ziemlich gut:
   http://demos111.mootools.net/Tips
   
   Ist aber Javascript, musst du also von woanders einbinden.

6. fabo

   fabo hat kostenlosen Webspace.

   2:15, 24.5.2010

   http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm
   http://www.ajaxschmiede.de/javascript/dhtml-tooltips/
   
   Oder nen Generator:
   
   http://www.roland-harder.de/homepagetools/dhtml_tooltip_generator.html
   
   Beitrag zuletzt geändert: 24.5.2010 2:16:03 von fabo

7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?