1. CSS help

Re: CSS help

al opgelost.
list-style-image + float == big nono.
oplossing is om background te gebruiken en die niet te repeaten.

slotje maar..
  • al opgelost.
    list-style-image + float == big nono.
    oplossing is om background te gebruiken en die niet te repeaten.

    slotje maar..
  • paniek, oplevering nadert…

    Ok, wordt dit forum ook nog voor wat anders gebruikt dan tekeningen. :)

    Ik heb even hulp nodig. Zie hieronder een simpele pagina met 4 menu-items.
    Deze items bevatten li-item images die in dezelfde directory staan.
    Nu wil ik een horizontale listing, met de image erbij.
    De images zijn niet zichtbaar…. dat moet dus wel!

    Zoals nu aangegeven is de Home-link grijs. Deze krijgt een eigenlist-item, de zogenaamde active (active.gif);

    Wie helpt mij?


    <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> /* =============topmenu================*/ ul#tabnav { background-image: url('none'); list-style-type: none; margin: 0 0 10 0; padding: 0; white-space:nowrap } * html #tabnav { /*display:inline-block; IE only*/ float: right; } ul#tabnav li { list-style-image: url(non-active.gif); background-image: url('none'); display: list-item; } * html #tabnav li { display:inline-block; /*IE only*/ float:left; } ul#tabnav li.active { list-style-image: url(active.gif); background-image: url('none'); background-color: #cecece; display: list-item; }
    #tabnav a { color: #fff; font-size: 9pt; font-style: normal; font-family: Arial, Helvetica, sans-serif; text-decoration:none; }
    #tabnav a:hover { text-decoration: underline; }
    </style> </head>
    <body bgcolor="#000033">
    <div> <ul id="tabnav"> <li class="active"><a href="">Home</a></li> <li ><a href="">Contactez nous</a></li> <li ><a href="">Sitemap</a></li> <li ><a href="">RSS</a></li> </ul> </div>
    </body> </html>

Plaats reactie

Wanneer je een reactie plaatst ga je akoord
met onze voorwaarden voor reacties.

Log in om te reageren