1. #1
    KingJelle's Avatar
    Registered
    10/11/03
    Posts
    123
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0

    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)

    PHP Code:
    <html>
    <
    head>
    <
    style type="text/css">
    .1 {background:url(images/leftnavbg.gifno-repeat}
    .
    nav li{ list-style-type:nonedisplay:inline}
    </
    style>
    </
    head>
    <
    body>
    <
    ul class="nav"><li class="1">fred</li><li class="2">test</li></ul>
    </
    body>
    </
    html
    (bg-image wordt niet weergegeven)
    The skyline was beautiful on fire
    All twisted metal stretching upwards
    Everything washed in a thin orange haze
    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
    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  

  3. #3
    KingJelle's Avatar
    Registered
    10/11/03
    Posts
    123
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    Jop Bedankt!!!
    The skyline was beautiful on fire
    All twisted metal stretching upwards
    Everything washed in a thin orange haze
    no votes  

  4. #4

    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  

  5. #5
    Zero Grav's Avatar
    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  

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