Roll over Effekt

Aktuell führen wir noch einige Anpassungen durch, das Forum wurde jedoch bereits live geschaltet.
  • huhu wie kann ich mehrere in eine reihe diesen Hover Effekt machen?




    Code
    <a href=index.php  onMouseOver= "if (document.images) document.home.src= 'themes/HostingBIT/images/home_hover.png';" onMouseOut= "if (document.images) document.home.src= 'themes/HostingBIT/images/home.png';">[img]themes/HostingBIT/images/home.png[/img]</a>




    Ich habe So 2 Banner drinnen aber nur der Rechte hat den Roll over Effekt




    Code:




    Code
    <a href=index.php  onMouseOver= "if (document.images) document.home.src= 'themes/HostingBIT/images/home_hover.png';" onMouseOut= "if (document.images) document.home.src= 'themes/HostingBIT/images/home.png';">[img]themes/HostingBIT/images/home.png[/img]</a><a href=index.php  onMouseOver= "if (document.images) document.home.src= 'themes/HostingBIT/images/home_hover.png';" onMouseOut= "if (document.images) document.home.src= 'themes/HostingBIT/images/home.png';">[img]themes/HostingBIT/images/home.png[/img]</a>
  • Style.css Code





    HTML Code


    Code
    <div id="banner1">
    
    
    <div id="banner2">






    Geht auch schöner so reicht es auch wenn noch eine Verlinkung benötigt wird im div noch ein onclick Event rein, welches auf eine Seite verweist. Ansonsten gehts auch schöner mit Javascript.

  • Joa hat fast geklappt :)




    Also in der style.css steht folgendes drin


    Code
    #home {background-image:url(images/home.png);width:94px;height:35px;}#home:hover {background-image:url(images/home_hover.png);width:94px;height:35px;}
    
    
    #gameserver {background-image:url(images/gameserver.png);width:94px;height:35px;}#gameserver:hover {background-image:url(images/gameserver_hover.png);width:94px;height:35px;}




    und in der HTML Datei:


    Code
    <div id="home"><a href="index.php"><div id="gameserver"><a href="index.php">






    Nun ist es So das die beiden Buttons nicht Nebeneinander liegen sondern mitten drinnen ich hatte es so vor gehabt:





    Direkt einander das keine Lücke dazwischen ist

  • <div id="home"><a href="index.php"><div id="gameserver"><a href="index.php">




    das hier ist falsch, da du den <a tag nicht schließt auch sollte es über den onlick Event direkt im <div id="gameserver" geregelt werden. Such mal unter google nach "div onclick http"

    Bitte die Forumsuche und das Handbuch verwenden. Wenn die Suche erfolglos war, bitte ein Thema erstellen und das Problem ausführlich beschreiben. Dieser Ablauf spart Zeit und unnötige Fragen zu immer gleichen Problemen. Sie können aber auch im Kundenbereich ein Support-Ticket erstellen.


    Gefällt Ihnen TekLab? facebook-1.pngtwitter-1.pnglinkedin-1.png