[CSS] UL/LI

HeeyHallo,

Ik ben bezig met het coderen van een layout maar nu loopt ik vast -.-.

Ik heb dit als css

.ul_menu
{
    list-style-image: url(../images/header_streep.png);
    margin-left: 104px;
}

dit is html

<div class="ul_menu">
<li>This list has a pidddcture </li>
<li>in the place of bullets</li>
<li>The spacing doesnt look very good.</li>
</div>

Hier staat hoe en nu is en hoe het moet
Ik ben zo slecht in de ul enzo, hoop als iemand me kan helpen

Ten eerste gebruik je geen ul-tag. De li-tags zijn hier dan dus eigenlijk slecht gebruikt. Ten tweede moet je je li-tags een float megeven waardoor ze naast elkaar gaan liggen (float: left).

ul li{float:left; padding:20px 30px 10px 0;}

<ul>
    <li><a href="#" title="Home">Home</a></li>
</ul>

Zo gebruik ik het op http://www.riksomers.nl

Heb gedaan beetje wat jij zij heb nu dit:

ul
{
    list-style-type: none; 
    padding: 10px;
    float: left;
}
li
{
     height: 23px; 
     background-image: url(../images/header_streep.png); no-repeat;
     float: left;
     padding-left: 10px; 
     padding-right: 10px;
}

Ik krijg nu dit:
oja me hml is:

<ul>
<li>Test</li>
<li>Test</li>
</ul>

toevoeging op 22 februari 2012, 20:48:19:
Heb nu dit gedaan
li
{
height: 23px;
list-style-image: url(../images/header_streep.png);
float: left;
padding-left: 10px;
padding-right: 10px;
}
Dan werkt het wel maar dan staan de teksten helemaal onderaan?