Margin i lists på iPad

<ole>

- og koden?

/mvh
</bole>

HTML'en:

<div id="sorter">
                <ul>
                    <li>
                        <h5>test</h5>
                    </li>
                </ul>

                <ul>
                    <li>
                        <h5>test</h5>
                    </li>
                </ul>

                <ul>
                    <li>
                        <h5>test</h5>
                    </li>
                </ul>

                <ul>
                    <li>
                        <h5>test</h5>
                    </li>
                </ul>

                <ul>   
                    <li>
                        <h5>test</h5>
                    </li>
                </ul>
        </div>



CSS'en:
#sorter {
    width:800px;
    height:33px;
    margin-top:30px;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(top, #E18714, #AD6C19);
    margin:auto;
    box-shadow: 0px 9px 9px -8px #393939;
    border-bottom-left-radius: 4px 4px;
    border-bottom-right-radius: 4px 4px;
    margin-bottom:40px;
}

#sorter ul li {
    margin:0px;
    margin:auto;
    width:155px;
    float:left;
    padding-top:11px;
}

#sorter h5 {
    text-align:center;
    font-size:14px;
}

Og jeg har sat ul og li til at have margin: 0px og padding: 0px

Med den kode kan du ikke afgøre, hvad det er, der (måske) er margin/padding på.

Begynd med at fjerne al padding og margin i dine LI elementer. Fjern derefter dine H5 elementer, så teksten står direkte i LI elementerne. Hvad får du ud af det?

"Og jeg har sat ul og li til at have margin: 0px og padding: 0px" >> Nej, du har sat en padding-top på LI elementerne - og din margin er ikke sat til 0px, men til auto  *o)

Så står de helt i toppen.

- og så må du jo prøve dig frem og finde ud af, hvad det præcist er, der giver den anden rendering.

Hvad er i øvrigt begrundelsen for dine H5 elementer? Hvorfor ikke bare <STRONG> eller font-weight:bold?

Jeg forstår i det hele taget ikke logikken i koden. Hvad er årsagen til, at du laver fem lister med kun ét element i hver liste?

Det er for at få dem til at stå vandret. Du må meget gerne fortælle mig en nemmere måde.

Du kan enten float'e LI elementerne - eller give dem display:inline-block. F.eks:

- og LI elementerne nu er inline elementer (udadtil), så vil der altid være lidt luft imellem dem, når der er white-space imellem dem. Skal al horisontal luft væk, kan du skrive:


- eller:

Poster du lige et svar:) Fandt ud af det.

Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes  =)

Lukket