Menu

Hej Alex

Hvis du har din menu som en usorteret liste (ul, li), kan du sætte "float: left" på dine liste elementer.

På den måde vil menuen vises horisontalt, og med style som en liste (med "dots" foran).

Har jeg prøvet, men må lave en fejl. Her er min css til listen

/* SubMenu start */
.submenu-last-in-list
{
    margin-left: 15px;
}
.submenu-between-first-last
{
    margin-left: 15px;
}
ul#submenu
{
    float: left;
    border-bottom: 1px solid black;
    margin: 0px;
    padding: 0px;
    width: 933px;
    list-style-type: circle;
}
ul#submenu li
{
    float: left;
    display: inline;
}
ul#submenu li a:hover
{
    color: #7dbd31;
}
ul#submenu li#submenu-selected  a
{
    color: #7dbd31;
}
ul#submenu a
{
    text-decoration: none;
    color: black;
    margin-top: 7px;
    margin-bottom: 7px;
    float: left;
    font-size: 12px;   
}

/* SubMenu end */

Hvad bruger du "display: inline" til?

Ja, det hjalp at fjerne den, ved faktisk heller ikke lige hvad jeg brugte den til. Nu bliver de vist, men hvordan får jeg dem på linje med teksten? De er lidt højere oppe end teksten

Det er vel din margin på a elementer der driller.

Har du mulighed for, at komme med noget css der virker? Jeg kan simpelthen ikke få det til at lykkes

Det ville være en del nemmere hvis du smider et link til den side det drejer sig om så jeg ikke skal sidde her og gætte i blinde.

Jo selvfølgelig. mediabyus.dk

Jeg har godt nok tilføjet den der display: inline; igen, eller så den helt underlig ud menuen

Jeg er ikke helt med på hvad problemet er. Eventuelt kan du smide et baggrundsbillede på menuelementerne i stedet for, det er der også større sandsynlighed for vil se ens ud i de forskellige browsere.

Smid et svar, jeg lavede det som et billede på hvert <li> det virkede åbenbart meget bedre. Tak for hjælpen

svar