[css] problem mousovereffekt

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Bitch, 24. Dezember 2006 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 24. Dezember 2006
    das problem is leider nur im opera. mozilla und IE sind brav...
    wenn ich die seite öffne lädt er sie völlig korekt aber wenn ich dann mit der maus über den button gehe macht er auch brav den effekt doch wenn ich dann runter gehe zeigt er mir die ganze zeit die sanduhr an und das nervt.
    kann leider kein screeni machen weil die maus aufm screeni net zu sehen is...
    hier der code


    PHP:
    main . css  ( Auszug )
    .
    mouseover background : url (../ mgfx / m2n . gif );  display : block width : 219px ; height : 50px ; }
    .
    mouseover a : hover  background : url (../ mgfx / m2o . gif ); } 
    PHP:
    index . html  ( Auszug )
    <
    tr height = "50" >
                            <
    td width = "219"  height = "50" >< div  class= "mouseover" >< class= "mouseover"  href = "pgs/slide1.html"  title = "In K&uuml;rze" ></ a ></ div ></ td >
                        </
    tr >
    jem. ne idee sonst mach ich es doch mit jscript hab kein bock mich jetzt damit rumzuärgern.


    greetz
     

  2. Anzeige
  3. #2 24. Dezember 2006
    AW: [css] problem mousovereffekt

    eiso du willst nur ein bild haben, aber keinen text für den link?

    das is css net so geeigent für, machs lieber mit nem onmouserover="()" efekt mit java

    hier ein beispiel, sollte genau das sein was du brauchst:

    HTML:
    <a href="#" onmouseover="document.bild2.src='test.png'" onmouseout="document.bild2.src='test2.PNG'"><img src="images/menu-buttons/test2.PNG" border="0" name="bild2" alt=""></a>
     
  4. #3 24. Dezember 2006
    AW: [css] problem mousovereffekt

    Versuchs mal mit:

    mouseover:hover{....}

    Warum legst du um den link denn eigentlich nochmal nen div layer ?
    Müsste eigentlich auch gehen wenn du nur dem link die Klasse zuweist.
     
  5. #4 25. Dezember 2006
    AW: [css] problem mousovereffekt

    hier bitte sehr:

    HTML:
    <html>
    <head>
    <style type="text/css">
    <!--
    .linkc div {
     height: 25px;
     width: 30px;
     border: 1px solid black;
     margin: 0px;
    }
    
    .linkc a:link div, .linkc a:active div, .linkc a:visited div {
     background-image: url(bild/bild.jpg);
     text-decoration: none;
     font-size: 1px;
    }
    
    .linkc a:hover div {
     background-image: url(bild/bild2.jpg);
     text-decoration: none;
     font-size: 1px;
    }
    -->
    </style>
    </head>
    <body>
    
    
    <table>
    <tr>
    <td class="linkc">
    <a href="#"><div onmouseover="this.style.cursor=('hand')">&nbsp;</div></a>
    </td>
    </tr>
    </table>
    
    
    </body>
    </html>
     
  6. #5 26. Dezember 2006
    AW: [css] problem mousovereffekt

    Einfach nur Schwachfug. Du kannst genauso Super Hovereffekte mit CSS gestalten, wie mit JAVA/JavaScript, vorrausgesetzt du setzt CSS RICHTIG ein.

    @ Threadersteller:

    Infoer mier dich mal ein Bisschen, um zu lernen wie man es richtig macht.

    Ein einzelnes a:hover allein, geht einfach nicht.

    Im endeffekt ist es einfacher als es ausschaut. Und funktioniert bei mehr Surfen als mit JS ;)
     
  7. #6 27. Dezember 2006
    AW: [css] problem mousovereffekt

    augen auf machen und das postig über dir lesen...

    mit java ist es einfacher, möglich is beides...
     
  8. #7 28. Dezember 2006
    AW: [css] problem mousovereffekt

    Java ist eine Programmiersprache, die dafuer nicht in Frage kommt.
    Was du meinst ist JavaScript...
    Mit solchen Fehlern vorsichtig bei Anfaengern sein. Wenn man danach in Google sucht, koennte man schnell mehr falsch als richtig machen!
     

  9. Videos zum Thema
Die Seite wird geladen...
Similar Threads - css problem mousovereffekt
  1. CSS Positionierungsproblem

    leex , 6. April 2014 , im Forum: Webentwicklung
    Antworten:
    14
    Aufrufe:
    1.422
  2. Antworten:
    1
    Aufrufe:
    1.211
  3. Antworten:
    18
    Aufrufe:
    1.918
  4. Antworten:
    2
    Aufrufe:
    1.203
  5. Antworten:
    0
    Aufrufe:
    658
  • Annonce

  • Annonce