1. #1
    GizeH's Avatar
    Registered
    29/11/02
    Posts
    630
    iTrader
    16 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0

    css floated listitems en browser resize probleem

    ik maak een horizontale menu door de li's float:left te zetten. De links binnen de li's bevatten dan een afbeelding (gewone + hover)
    Dit werkt goed, maar het probleem is dat wanneer de rbrowser resized, de listitems onder elkaar gaan staan omdat ze geen plaats genoeg hebben (omwille van de float:left)

    Kan hier iets aan gedaan worden? (ik moet left floaten om ze naast elkaar te krijgen. display:inline op de li's kan ik niet gebruiken omdat ik dan de menu afbeeldingen niet mooi krijg...
    no votes  

  2. #2
    Zero Grav's Avatar
    Registered
    06/06/04
    Location
    Bilzen
    Posts
    8,805
    iTrader
    18 (100%)
    Mentioned
    0 Post(s)
    Reputation
    42/128
    Uw ul rond de li een vaste width geven, zodat de browser weet wanneer hij niet meer mag resizen maar een scrollbar moet tonen.

    Als ge wilt dat em de volledige achtergrond inneemt omwille van een achtergrondkleur/afbeelding kunt ge werken met min-width, maar dat wordt amper ondersteund.. Ge kunt ook werken met een div rond uw ul in dat geval. (edit) Als uw container een vaste width heeft maakt dit allemaal niet uit, want kleiner dan die width kan em toch niet worden.
    Last edited by Zero Grav; 24-01-2009 at 17:30. Reason: Typo
    no votes  

  3. #3
    GizeH's Avatar
    Registered
    29/11/02
    Posts
    630
    iTrader
    16 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/0
    bedankt, kheb het intussen opgelost door een div rond de ul te plaatsen
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in