Anzeige

Rollover Image mit css - bild unter firefox leicht verrutscht

Rollover Image mit css - bild unter firefox leicht verrutscht | PSD-Tutorials.de

Erstellt von d3vnull, 17.08.2008.

  1. d3vnull

    d3vnull Guest

    Rollover Image mit css - bild unter firefox leicht verrutscht
    Mal wieder ein Problem, dass mich in den Wahnsinn treibt.

    Ich habe mit CSS ein paar rollover buttons erstellt.
    Im IE werden diese Korrekt angezeigt, aber nicht im Firefox.

    Dort wird das Standard-Image leicht nach unten/rechts verschoben und ich kann den fehler nicht finden.

    Hier mal die URL: Untitled Document ...Danke schonmal für die Hilfe!
     
    #1      
  2. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Rollover Image mit css - bild unter firefox leicht verrutscht
    AW: Rollover Image mit css - bild unter firefox leicht verrutscht

    Ich würde das nicht mit vibile und hidden machen, sondern das hover-image in

    .cssnav a:hover {
    color: #ffffff;
    }

    einbinden.

    Außerdem hast du u. a. hier hinter hidden das ";" vergessen:

    .cssnav a:hover img
    {
    visibility:hidden
    }
     
    #2      
  3. d3vnull

    d3vnull Guest

    Rollover Image mit css - bild unter firefox leicht verrutscht
    AW: Rollover Image mit css - bild unter firefox leicht verrutscht

    Danke dir schonmal.

    Leider lösen deine Tips mein Problem nicht. :(
     
    #3      
  4. stb_87

    stb_87 Web-Sheriff - ohne Bild

    Dabei seit:
    13.05.2007
    Beiträge:
    1.895
    Geschlecht:
    männlich
    Software:
    dies & das
    Rollover Image mit css - bild unter firefox leicht verrutscht
    AW: Rollover Image mit css - bild unter firefox leicht verrutscht

    Kann ich nicht nachvollziehen.

    Lade das doch noch mal hoch.

    Welche Version von FF nutzt du denn?? Ich nutze V. 2.x und da konnte ich das vorhin auch nicht nachvollziehen.
     
    #4      
  5. The_Saint

    The_Saint Nachtaktiver

    Dabei seit:
    12.09.2005
    Beiträge:
    85
    Geschlecht:
    männlich
    Software:
    Gimp, Inkscape, PS, AI, FL, FlashDevelop, SEPY...
    Rollover Image mit css - bild unter firefox leicht verrutscht
    AW: Rollover Image mit css - bild unter firefox leicht verrutscht

    HTML:
    1. <div class="menu">
    2. .
    3. .
    4. .
    5. .div class="cssnav">
    6. <a href="gallerie.html"><img src="button_a.jpg" alt="Gallerie" /><span>Gallerie</span></a>
    7. </div>
    8.  
    9. <-- HIER FEHLT DAS SCHLIESSEN TAG VOM MENU DIV !
    10.  
    11. </body>
    12.  
    </div> einsetzen

    Gruß Saint
     
    #5      
  6. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Rollover Image mit css - bild unter firefox leicht verrutscht
    AW: Rollover Image mit css - bild unter firefox leicht verrutscht

    Hallo d3vnull,
    einklassisches horizontalen menü mit ziemlich exotischem markup!
    was hat dich veranlasst es so zu machen? (ich meine die sache mit den absolut positionierten spans ausgeblendeten Bildern und so)
    mich wundert, dass das überhaupt klappt - tut es ja soweit, kompliment.
    leider gibt es da ein paar komplikationen, dadurch, dass dein Padding in unterschiedlichen browsern unterschiedlich interpretiert wird.
    Es hat sich inzwischen etabliert,dass man nicht so viele divs verwendet,undman Menüs als eine linkliste sieht, was dann zu solchen Lösungen führt:
    Code (Text):
    1.  
    2.   <ul>
    3.     <li><a href="impressum.html">Impressum</a></li>
    4.     <li><a href="news.html">News</a></li>
    5.     <li><a href="musik.html">Musik</a></li>
    6.     <li><a href="biographie.html">Biographie</a></li>
    7.     <li><a href="discographie.html">Discographie</a></li>
    8.     <li><a href="gallerie.html">Gallerie</a></li>
    9.   </ul>
    10.  
    beim hinzufügen der css formatierungen funktioniert es dann erwartungsgemäss auch in verschiedenen Browsern.
    das beinhaltet auch das einbinden der hovergrafik nach dem von stb_87 vorgeschlagenen schema
    beisp: menu
     
    #6      
  7. d3vnull

    d3vnull Guest

    Rollover Image mit css - bild unter firefox leicht verrutscht
    AW: Rollover Image mit css - bild unter firefox leicht verrutscht

    Super. So nehm ich das gerne an. :)

    Dankeschön!


    Das ist ganz einfach. Ich hatte noch ne ältere html datei auf der Platte, die ich mal geschrieben hatte... ;)
    Bin nicht so wirklich ein pro in CSS.
     
    #7      
x
×
×
teststefan