beste webmasters ik gebruik deze code maar de marginwerkt niet wat doe ik verkeert
wie kan me helpen alvast dank

PHP Code:

<ul>                                     <li id="recordsArray_2"><table width="200px"><tr><td width="150px"><img src="images/een.jpg" />twee</td><td width="50px"><a href="wijzig.php?id=2"><img src="images/icons/bewerken.png" width="15" border="0" /></a>&nbsp;&nbsp;            <a onclick="return confirm('Bent u zeker dat u [twee] wenst te verwijderen?', 'Andere titel');" href="verwijder.php?id=2"><img border="0" src="images/icons/verwijderen.png" /></a>                    </td></tr></table></li>                                     <li id="recordsArray_3"><table width="200px"><tr><td width="150px"><img src="images/een.jpg" />drie</td><td width="50px"><a href="wijzig.php?id=3"><img src="images/icons/bewerken.png" width="15" border="0" /></a>&nbsp;&nbsp;            <a onclick="return confirm('Bent u zeker dat u [drie] wenst te verwijderen?', 'Andere titel');" href="verwijder.php?id=3"><img border="0" src="images/icons/verwijderen.png" /></a>                    </td></tr></table></li>                                     <li id="recordsArray_1"><table width="200px"><tr><td width="150px"><img src="images/een.jpg" />een</td><td width="50px"><a href="wijzig.php?id=1"><img src="images/icons/bewerken.png" width="15" border="0" /></a>&nbsp;&nbsp;            <a onclick="return confirm('Bent u zeker dat u [een] wenst te verwijderen?', 'Andere titel');" href="verwijder.php?id=1"><img border="0" src="images/icons/verwijderen.png" /></a>                    </td></tr></table></li>                             </ul> 


------ css -----

ul { float:left; display:inline; } li { list-style: none; margin-left:-40px; padding: 3px; background-color:#2E3035; border: #CCCCCC; -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color:#fff; width:250px; float:left; } li:hover { list-style: none; margin-left:-40px; padding: 3px; background-color:#C6D050; border: #CCCCCC; -moz-border-radius:3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color:#2E3035; width:250px; float:left; }

Ok misschien wat meer informatie? Want wat werkt niet? Heb je een voorbeeld? Wat is de bedoeling?

Misschien is een grafisch voorbeeld handig? Sowieso probeer met lists de css op deze manier op te zetten;

ul {
float:left;
display:inline;
}
ul li {
list-style: none;
margin-left:-40px;
padding: 3px;
background-color:#2E3035;
border: #CCCCCC;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color:#fff;
width:250px;
float:left;
}
ul li:hover {
list-style: none;
margin-left:-40px;
padding: 3px;
background-color:#C6D050;
border: #CCCCCC;
-moz-border-radius:3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color:#2E3035;
width:250px;
float:left;
}

Dus de ul ook achter de li zetten ;) maar de margin op de li doet zijn werk. Dus wat is het probleem ?

Het is nu inderdaad een beetje lastig om te helpen. Een voorbeeld van de situatie zou fijn zijn (of de link van de pagina als deze online staat).