Hinweis nach hover auf einem Button

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Duffi, 14. Dezember 2007 .

Schlagworte:
  1. 14. Dezember 2007
    Hi Leute,
    Ich habe eine startseite und in dieser 2 Buttons zur Auswahl. Jetzt möchte ich sobald der User über einem button ist, das ein kleines Hinweis Feld auftaucht. Bitteklicken sie hier um anch ... zu kommen.
    So eine Art Alt Text, wies ihn in HTML gibt. ich hab auch schon so ein Feld hinbekommen, allerdings nur Firefox1.x 2.x und IE 7 kompatibel und ich müsste das ganze noch IE 6 kompatibel machen, da das dort nicht angezeigt wird.


    CSS & HTML

    Hier mal meinen Code:
    Code:
    <div id="buttonbfm"><a href="http://www..de/index.html" ><img src="button_bmf.gif" border="0px">
    <div>Klicken Sie hier um zu zu gelangen. </div></div></a>
    <div id="buttonbb"><a href="http://www..de/index.html" ><img src="button_bb.gif" border="0px">
    <div>Klicken Sie hier um zu zu gelangen. </div></div></a> 
    
    #buttonbfm{
     position:absolute;
     left:50%;
     top:50%;
     margin-top:+189px;
     margin-left:-408px;
     width:401px;
     height:31px;
    
     z-index:2;
    }
    
    #buttonbfm div{display:none;}
    
    #buttonbfm:hover div{
    display:block;
    height:20px;
    width: 460px;
    position:absolute;
    top:-20px;
    left:-60px;
    padding:0px;
    background-color:#ffffff;
    z-index:3;
    }
    #buttonbb{
     position:absolute;
     left:50%;
     top:50%;
     margin-top:+189px;
     margin-left:+8px;
     width:402px;
     height:31px;
     z-index:2;
    }
    #buttonbb div{display:none;}
    
    #buttonbb:hover div{
    display:block;
    height:20px;
    width: 460px;
    position:absolute;
    top:-20px;
    left:0px;
    padding:0px;
    background-color:#ffffff;
    z-index:3;
    }
    
    
    Kann mir da jemand helfen?
     
  2. 14. Dezember 2007
    AW: Hinweis nach hover auf einem Button

    das geht mit dem titel attribut (auch tooltipp genannt)

    <a href="#" title="Wenn du das lesen kannst, bist du sehr wahrscheinlich mit dem Mauszeiger auf mir!">klick</a>

    alt steht für alternativ und is bei textlinks eher unsinnig, bei bildern erforderlich.
     
  3. 14. Dezember 2007
    AW: Hinweis nach hover auf einem Button

    vielen Dank. War das richtige. Meinst du/ihr könnt mir noch helfen das obiges script auch auf dem ie 6.0 läuft? Das wäre die erfüllung dieses Abends.

    thx
     
  4. 14. Dezember 2007
    AW: Hinweis nach hover auf einem Button

    warum sollte es nicht laufen?

    ansonsten kannst du mit kommentaren schnittstellen erstellen

    <!--[if ie 6]><![endif]-->
     
  5. 14. Dezember 2007
    AW: Hinweis nach hover auf einem Button

    Man kann ja so auch dropdown navis machen, diese funktionieren auch 1A im firefox und IE 7 aber halt nicht im alten.

    mit dem hier <!--[if ie 6]><![endif]--> ist es eine if abfrag eim prinzip? Also kann ich da bedingungen reinschreiben..
     
  6. 15. Dezember 2007
    AW: Hinweis nach hover auf einem Button

    Ja, kannst du. Genaueres hier. Wie auf der Site beschirben, kannst du es entweder mit Murdocs lösungsvorschlag machen, oder per Javascript.
     
  7. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.