Oprette horisontal liste

har du et eksempel på det - jeg er ikke sikker på at jeg ved hvad du mener.

så skriver du bare

li
{
display: inline;
}

De har som default display:block;

Menu1 Menu2 Menu3 Menu4 - hvordan laves dette ? (kig fx sydbank.dk i kildekode - der er alt opbygget i ul og li

ønsker du et specielt list-style-type, plejer jeg at bruge:


background-image: url();
background-repeat: no-repeat;
background-position: left middle;
padding: XXXpx; */ XXX definere så hvor bredt billedet er */

>Jokke - Fremragende - og med image er det så noget med list-style-image eller hvordan?

padding-left: XXXpx; *host*

Kan du ikke lige lave et eks.`?

Den viser nemlige ikke image, når de inlines.

Nu kom de frem  - men de lægger sig ikke i middle? men øverst? Her er det:

li {
        background-image: url(Mouse-over.jpg);
        background-repeat: no-repeat;
        background-position: left middle;
        padding-left: 15px; */ XXX definere så hvor bredt billedet er */
        height: auto;
        display: inline;
}

Prøver dette i stedet: Men når li sættes til inline så forsvinder billederne:

ul{
        list-style-image: url(Mouse-over.jpg);
       
    }
    li {
        display: inline;
    }

Smid et svar Jokke.

takker :)

- og så kan du måske lige fortælle, hvorfor du ikke bruger denne list-style-image, men i stedet background? - Og skal background-image ikke lægges i <ul> - i så fald synes jeg de forsvinder, når de inlines? - Kunne du lave et lille eks?

jeg har aldrig fået list style image til at virke ordentligt..

Derfor valgte jeg bare at bruge background-image: url(), og padding-left: til at rykke teksten i LI til venstre for baggrundsbilledet...

Men list-style-image er nok den pæneste måde..

http://aarstiderne.siteservertest.dk/ss16.sspx <-- et eksempel

Det er bare mærkeligt, når jeg sætter bg-image på <ul> så sidder den pænt lige ud for links'ne i <li> - men sidder lidt over når det er skrevet i <li>. - og man skal bruge bg-image i <li> for, hvis du bruger det i <ul> vises billedet jo kun 1 gang.