Problème de padding sur une liste...

...avec list-style-type: none;

21 juillet 2006 à 13:54:28

Salut à t0us !
Sur le site que je fais pour mon frère, j'ai plusieurs design. J'en ai fini un, et le deuxième, comme l'autre j'enlève les puces, mais sur les 2, y'a toujours l'espace des puces ! J'ai essayé un padding: none;, list-style-type: none; mais ça me met une marge de 40px environ !
Comment y remèdier (sans changer le width) ?

Merci d'avance !

k1mpeR

21 juillet 2006 à 13:56:25

URL, code, screen ????

chriskirknielsen

21 juillet 2006 à 14:01:35

Je te passes ça dans mon EDIT.

Alors,

le bug :
Image utilisateur

le code du menu :

<div id="menu">
<ul id="linksmenu">
<li class="menutitle">MUSEMEDIA</li>
<li><a href="index.html">Home</a></li>
<li><a href="forum.html">Forum</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li> </li>

<form method="post" action="#" name="loginform" style="text-align:center;">
<li class="menutitle">Members</li>
<li><label for="nick">Nickname :</label></li>
<li><input type="text" name="nick"/></li>
<li><label for="pass">Password :</label></li>
<li><input type="password" name="pass"/></li>
<li><input type="submit" value="Login" class="submit"/>
</form>
</ul>
</div>

et le css :

div#menu
{
float: left;
width: 185px;
padding: none;
}

ul#linksmenu
{
list-style-type: none;
padding-left: none;
margin-left: none;
}

li.menutitle
{
font-size: 16px;
font-weight: bold;
text-align: center;
padding-bottom: 5px;
height: 20px;
width: 140px;
background-image: url("./images/menutitle.jpg");
background-repeat: no-repeat;
font-family: Arial, Verdana, "Times New Roman", serif;
}

Voilà, c'est tout ce que concerne ce menu !