28173 sujets

CSS et mise en forme, CSS3

List margin sur IE7

salut,
J'ai un probleme je n'arrive pas a enlever le padding ou le margin sur une liste dans ie7. je veux que mes liens soient tres proches les un des autres mais je ne trouve pas ce qu'il ne va pas, dois-je utiliser un margin negatif different pour chaque browser?
<style>
.links ul {
margin: 0; padding: 0;
}
.links li{
list-style-type: none;
margin: 0;padding: 0;
border: 1px solid #FF0000;
font-size:1px;

}

.links a{
font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
padding: 0px 0px;
color: #000;
text-decoration: none;
}

</style>
</head>

<body>
<div id="test">
	<label>Links</label>
	<ul class="links">
		<li><a href="#">Link One</a></li>
		<li><a href="#">Link Two</a></li>
		<li><a href="#">Link Three</a></li>
		<li><a href="#">Link Four</a></li>
	</ul>
</div>
</body>
</html>


http://www.graphikeld.com/misc/test2.html

merci de votre aide
Modifié par keld (04 Dec 2006 - 22:35)
Tu as écris :

.links ul {

margin: 0; padding: 0;

}


Mais dans ton cas, c'est plutôt ça qu'il faudrait faire :

ul.links  {

margin: 0; padding: 0;

}


Smiley cligne

Un autre problème c'est l'élément <label> (utilisé uniquement dans les formulaire pour donner une étiquette aux champs à remplir), tu devrais plutôt utiliser un élément titre (h1, h2)…
Modifié par Patidou (04 Dec 2006 - 22:44)
merci, en fait ce que je veux c'est que mon cadre rouge autour des liens soit collé au texte, comme dans FF mais encore plus pres. Je n'arrive pas enelver cet espace qu'il y a dans IE7
Je pensais que tu parlais du fait que les liens ne collaient pas à la marge de la page. Smiley sweatdrop

Hum… Et si tu réduis l'interlignage? Ça marche?
Sujet clos
Aller à