-
21-01-2009, 20:24 #1
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
-
-
21-01-2009, 20:30 #2Member
- 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
-
22-01-2009, 19:34 #3
bedankt, kheb het intussen opgelost door een div rond de ul te plaatsen
no votes
