Anzeige

Hilfe - Firefox und CSS Menü

Hilfe - Firefox und CSS Menü | PSD-Tutorials.de

Erstellt von Daniela, 12.10.2005.

  1. Daniela

    Daniela Guest

    Hilfe - Firefox und CSS Menü
    Hallo,
    kann mir jemand helfen?

    Meine Menüleiste mit CSS wird von Firefox so angezeigt,
    dass sie fast unbrauchbar wird.
    Hat vielleicht jemand eine Idee, was ich ändern muss um die Leiste
    wenigstens annähernd so aussehen zu lassen wie im Explorer?

    [​IMG]

    a:link.men {
    width : 138px;
    height : 20px;
    background-color : #ffffff;
    font : menu;
    color : black;
    font-size: 12px;
    text-transform : uppercase;
    margin-right : 2px;
    padding-top : 2px;
    padding-bottom : 2px;
    padding-left : 4px;
    padding-right : 4px;
    border-top : 1px solid silver;
    border-left : 1px solid silver;
    border-right :
    border-bottom : 2px solid : black;
    }

    a:visited.men {
    width : 138px;
    height : 20px;
    background-color : #ffffff;
    font : menu;
    font-size: 12px;
    color : #000000;
    text-transform : uppercase;
    margin-right : 2px;
    padding-top : 2px;
    padding-bottom : 2px;
    padding-left : 4px;
    padding-right : 4px;
    border-top : 1px solid silver;
    border-left : 1px solid silver;
    border-right :
    border-bottom : 2px solid : black;
    }


    a:hover.men {
    width : 138px;
    height : 20px;
    background-color : #63D413;
    font : menu;
    font-size: 12px;
    margin-right : 2px;
    padding-top : 2px;
    padding-bottom : 2px;
    padding-left : 4px;
    padding-right : 4px;
    border-top : 1px solid silver;
    border-left : ;
    border-right : ;
    border-bottom : 1px solid : black;
    }




    Danke
     
    #1      
  2. bine

    bine Aktives Mitglied

    Dabei seit:
    19.04.2005
    Beiträge:
    327
    Geschlecht:
    weiblich
    Ort:
    Schleswig-Holstein
    Software:
    PS + Illu + InDesign
    Kameratyp:
    Nikon D90 Digi Spiegelreflex
    Hilfe - Firefox und CSS Menü
    Listen-Navigation?

    wie sieht denn der html-Teil dazu aus?
     
    #2      
  3. SilentStormer

    SilentStormer Nicht mehr ganz neu hier

    Dabei seit:
    26.06.2005
    Beiträge:
    91
    Geschlecht:
    männlich
    Ort:
    Hörsching
    Kameratyp:
    Sony Alpha 350
    Hilfe - Firefox und CSS Menü
    also zumindest display: block; solltest du noch einfügen

    außerdem - ich weiß nicht, wie sich das auswirkt bzw. ob sich das überhaupt auswirkt - aber auf alle fälle solltest du, wenn du css-befehle nicht brauchst, nicht leer dastehen lassen sondern ausreimen bzw. löschen

    die padding-befehle solltest du vielleicht im html-code auch noch einfügen. sieht nicht so aus, als ob firefox sie anwenden würde ...

    weiterhin weiß ich nicht, was font : menu; bezwecken soll ??!?
     
    #3      
  4. Daniela

    Daniela Guest

    Hilfe - Firefox und CSS Menü
    @ bine

    Der html Teil dazu sieht so aus:




    <center>Promotion</center>

    Topliste


    Minitopliste


    ButtonWall

    </p>


    @ SilentStormer

    danke, das mit dem padding werde ich mal ausprobieren

    font : menu; soll bewirken, dass die Schrift aus dem Menü des Betriebssystems verwendet wird.
     
    #4      
  5. SilentStormer

    SilentStormer Nicht mehr ganz neu hier

    Dabei seit:
    26.06.2005
    Beiträge:
    91
    Geschlecht:
    männlich
    Ort:
    Hörsching
    Kameratyp:
    Sony Alpha 350
    Hilfe - Firefox und CSS Menü
    probier den mal, dürfte damit besser aussehen:

    Code (Text):
    1.  a:link.men {
    2. display:block;
    3. width:138px;
    4. height:20px;
    5. background-color:#ffffff;
    6. font:menu;
    7. color:black;
    8. font-size:12px;
    9. text-transform:uppercase;
    10. margin-right:2px;
    11. padding-top:2px;
    12. padding-bottom:2px;
    13. padding-left:4px;
    14. padding-right:4px;
    15. border-top:1px solid silver;
    16. border-left:1px solid silver;
    17. border-bottom:2px solid black;
    18. }
    19.  
    20. a:visited.men {
    21. width:138px;
    22. height:20px;
    23. background-color:#ffffff;
    24. font:menu;
    25. font-size:12px;
    26. color:#000000;
    27. text-transform:uppercase;
    28. margin-right:2px;
    29. padding-top:2px;
    30. padding-bottom:2px;
    31. padding-left:4px;
    32. padding-right:4px;
    33. border-top:1px solid silver;
    34. border-left:1px solid silver;
    35. border-bottom:2px solid black;
    36. }
    37.  
    38.  
    39. a:hover.men {
    40. width:138px;
    41. height:20px;
    42. background-color:#63D413;
    43. font:menu;
    44. font-size:12px;
    45. margin-right:2px;
    46. padding-top:2px;
    47. padding-bottom:2px;
    48. padding-left:4px;
    49. padding-right:4px;
    50. border-top:1px solid silver;
    51. border-bottom:2px solid black;
    52. }
     
    #5      
  6. Daniela

    Daniela Guest

    Hilfe - Firefox und CSS Menü
    danke SilentStormer,
    ist wirklich schon besser geworden
    leider sieht das immer noch nicht wirklich gut aus. :cry:
     
    #6      
  7. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Hilfe - Firefox und CSS Menü
    versuch mal zeilenhöhe mit einzubauen:

    line-height:110%;


    oder px, em angaben ...
     
    #7      
  8. Daniela

    Daniela Guest

    Hilfe - Firefox und CSS Menü
    super, es klappt

    Danke :D
     
    #8      
Seobility SEO Tool
x
×
×