Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Mozilla geeft breedte van menuknoppen niet goed weer (css)

None
5 antwoorden
  • Hallo,

    Ik ben eens gaan experimenteren met mozilla firefox.
    Nu blijkt dat het menu op mijn website in mozilla niet goed wrodt weergegeven. (nooit geweten)

    Dit menu heb ik opgebouwd met css, zie hier de code zoals deze goed werkt in IE:

    a.menu
    { width:160px;height:24px;vertical-align:middle;text-align:center;cursor:pointer;border:2px solid;
    padding-top:3px;padding-bottom:3px;border-style:outset;font-size:12px;color:#000000;font-weight:normal;
    font-family:arial;background-color:#add8e6;text-decoration:none;}

    Mozilla maakt de menu-knoppen net zo breed als de tekst, ziet er dus niet uit. In IE worden de knoppen 160px breed gemaakt, zoals het dus hoort.

    Kan iemand mij vertellen waar het fout gaat met mijn code zodat de site ook onder mozilla het menu op de juiste manier weergeeft?
  • Een linkje is de volgende keer handig :)

    Inline elements kunnen geen breedte krijgen. Daarvoor staan ze 'in' een 'line'.

    Hoe je dit kunt oplossen is met
    float: left;
  • [quote:77a316b01f="Ruudfeen"]Een linkje is de volgende keer handig :)

    Inline elements kunnen geen breedte krijgen. Daarvoor staan ze 'in' een 'line'.

    Hoe je dit kunt oplossen is met
    float: left;[/quote:77a316b01f]of

    display:block;
  • Als ik het goed begrijp wil ie de knoppen naast elkaar hebben, dan werkt display block niet volgens mij.
  • [quote:3d59547dbb="Ruudfeen"]Als ik het goed begrijp wil ie de knoppen naast elkaar hebben, dan werkt display block niet volgens mij.[/quote:3d59547dbb]Ik neem aan dat wtulp het over deze pagina heeft:
    http://www.timloto.org/nl/home.html

    De links staan daar onder elkaar en display: block werkt wel in dat geval
    Hij zal toch nog het 1 en ander moeten wijzigen om de weergave in IE en Firefox gelijk te krijgen.
    vertical-align:middle kan hij gebruiken voor zijn tabellen maar volgens mij niet voor zijn links :wink:

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.