kostenloser Webspace werbefrei: lima-city

Menuebuttons laden nicht!

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

1. Autor dieses Themas

   simonb737

   simonb737 hat kostenlosen Webspace.

   1:11, 7.11.2008

   Hallo zusammen im Forum,
   ich bin ziemlich neu bei LIMA CITY und habe angefangen, mir meine eigene website zu tag/basteln">basteln. Jetzt bin ich auch gerade dabei meine menuebuttons an der seite einzufuegen.
   nur wenn ich meine seite aktualisiere, dann werden alle diese buttons nur als "broken picture" oder wie das heisst geladen.
   erst wenn ich mehrere male mit der maus drueberfahre, dann werden die angezeigt.
   
   Wer kann mir sagen woran das liegen koennte???
   
   vielen dank im voraus
   
   Simon

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

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

3. davidmuc

   Co-Admin

   davidmuc hat kostenlosen Webspace.

   1:16, 7.11.2008

   versuch mal strg+F5 drücken,wenn die bilder falsch angezeigt werden.
4. Autor dieses Themas

   simonb737

   simonb737 hat kostenlosen Webspace.

   1:59, 7.11.2008

   negativ.... funktioniert leider nicht
   
   Simon

5. davidmuc

   Co-Admin

   davidmuc hat kostenlosen Webspace.

   2:02, 7.11.2008

   welchen Browser benutzt du?
6. Autor dieses Themas

   simonb737

   simonb737 hat kostenlosen Webspace.

   2:33, 7.11.2008

   Mozilla Firefox 2.0.0.17
   
   Soll ich es mal mit dem Internet Explorer versuchen???

7. mergener

   

   mergener hat kostenlosen Webspace.

   2:34, 7.11.2008

   das liegt ganz einfach an JS: onmouseout funktioniert nur, wenn die Maus schonmal drüber war.
   Sowieso kann man dies viel einfacher mit CSS umsetzten.
8. Autor dieses Themas

   simonb737

   simonb737 hat kostenlosen Webspace.

   3:12, 7.11.2008

   hast du auf anhieb ein einfaches beispielscript wie sowas mit css ausssieht????
   
   

9. mergener

   

   mergener hat kostenlosen Webspace.

   4:15, 7.11.2008

   http://www.google.de/search?hl=de&q=CSS+Bild+Link+Button&btnG=Google-Suche&meta=

10. t*****b

    9:24, 7.11.2008

    Der Pfad und/oder Dateiname des Bildes stimmt nicht, passe diesen auf Lima-City an, denke hierbei auch daran, dass die Groß- und Kleischreibung stimmen.

11. prog

    

    prog hat kostenlosen Webspace.

    10:12, 7.11.2008

    Wahrscheinlich stimmt die Adresse zum Bild einfach nicht.
    
    Hier die CSS-Variante:
    

    ul#Navigation a{
        width: 90px;
        height: 23px;
        background:url('images/menu_button.png') no-repeat;
      }
      ul#Navigation a:hover,  ul#Navigation li #subcurrent{
        background-position: 0px -25px;
    /* oder: background:url('images/menu_button_horizontal.png') no-repeat; */ <-- ist aber nicht zu empfehlen,
    wegen verzögerung durch Ladezeiten.
      }

    
    
    Der Trick beim ersten ist, dass man die hover und die normalen Button-Grafik untereinander in das Bild legt. Dann wird beim überfahren einfach das Bild nach oben verschoben.
    
    Das ganze funktioniert auch ohne JS
    
    Gruß, Prog
    
    
    Beitrag geändert: 7.11.2008 10:13:43 von prog

12. m**********r

    12:07, 7.11.2008

    Verschoben nach 'HTML & JavaScript'

13. t*****b

    12:12, 7.11.2008

    Ich habe mir die Seite jetzt angesehen, du lädst die Grafiken bei onMouseOver und -Down aus dem Verzeichnis "simon", im Image-Tag jedoch musst dieses Verzeichnis auch noch angeben, dann sind die Grafiken auch beim Seitenaufruf zu sehen.

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

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

Dir gefällt dieses Thema?