4 berichten aan het bekijken - 1 tot 4 (van in totaal 4)
  • Q:
    Bijdrager
    iPod Jimmy

    Navigatie balk

    Ik ben bezig met een site waar ik een navigatie blak bovenaan heb. Nu wil ik daar een list voor gebruiken, maar welke code hebv ik nodig omdat netjes naast elkaar te krijgen en dat ik eventueel nog een droptdown kan toevoegen.

    Bvd, Jim

    Bijdrager
    tennapel

    Op ‘A List Apart’ is precies beschreven hoe dat werkt:
    http://www.alistapart.com/articles/dropdowns/

    Bijdrager
    AppleFlap

    yup:) het is eigenlijk alleen CSS, maar omdat we IE hebben ook nog wat javascript;)

    Bijdrager
    iPod Jimmy

    Heel vreemd, ik krijg bij een andere site een heel vaag uiterlijk in me navbar. Hoe maak ik dat goed? met list naast elkaar, hoogte 40 px breedte automatisch dus niet hele pagina breed en text verticaal en horizontaal in het midden en in elke browser werkend. Hier code:

    CSS:
    [code:1:ad74ed3f5f]#navbar ul {
    list-style-type: none;
    margin:0;
    padding:0;
    display: inline;
    }
    #navbar li {
    display: block;
    vertical-align: middle;
    height: 40px;
    padding-top: 12px;
    padding-right: 9px;
    padding-bottom: 12px;
    padding-left: 9px;
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
    width: auto;
    line-height: 40px;
    }
    #navbar li a:link, a:active {
    display: block;
    vertical-align: middle;
    height: 40px;
    padding-top: 12px;
    padding-right: 9px;
    padding-bottom: 12px;
    padding-left: 9px;
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
    width: auto;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 40px;
    }
    #navbar li a:visited {
    display: block;
    vertical-align: middle;
    height: 40px;
    padding-top: 12px;
    padding-right: 9px;
    padding-bottom: 12px;
    padding-left: 9px;
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
    width: auto;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 40px;
    }
    #navbar li a:hover {
    display: block;
    vertical-align: middle;
    height: 40px;
    padding-top: 12px;
    padding-right: 9px;
    padding-bottom: 12px;
    padding-left: 9px;
    list-style-position: inside;
    list-style-image: none;
    list-style-type: none;
    width: auto;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #56BC00;
    line-height: 40px;
    }[/code:1:ad74ed3f5f]

4 berichten aan het bekijken - 1 tot 4 (van in totaal 4)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.