-
22-07-2007, 01:51 #1
CSS: Display inline verhindert bg-image
Enig gedacht hoe ik het feit counter dat er geen background-image gebruikt kan worden als de <li>'s op display:inline staan?
bv. (heel simpel)
(bg-image wordt niet weergegeven)PHP Code:<html>
<head>
<style type="text/css">
.1 {background:url(images/leftnavbg.gif) no-repeat}
.nav li{ list-style-type:none; display:inline}
</style>
</head>
<body>
<ul class="nav"><li class="1">fred</li><li class="2">test</li></ul>
</body>
</html>
The skyline was beautiful on fire
All twisted metal stretching upwards
Everything washed in a thin orange hazeno votes
-
-
22-07-2007, 03:25 #2Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Ik vermoed dat je de verkeerde tag gebruikt om tot het gewenste effect te komen. Om li's links van elkaar te floaten gebruik je gewoon "float: left;".
no votes
-
22-07-2007, 14:38 #3
Jop
Bedankt!!!
The skyline was beautiful on fire
All twisted metal stretching upwards
Everything washed in a thin orange hazeno votes
-
24-07-2007, 16:55 #4Member
- Registered
- 13/04/04
- Location
- WWW
- Posts
- 6,389
- iTrader
- 12 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/39
Om een list horizontaal te krijgen gebruikt men ook display: inline; hoor. Maar naargelang wat je er mee doet moet je een van de twee kiezen.
no votes
-
24-07-2007, 17:04 #5Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Op zich helemaal geen probleem inderdaad. Maar dan moet je wel alle opmaak ala height, width, background, padding, margin, .. op je links zelf zetten (iets wat ik eigenlijk beter vindt, omdat je op die manier minder problemen ervaart).
no votes
