Après des heures de recherche et malgré la victoire d'avoir réussi à centrer mon arrière-plan (yeah
), pas moyen de parvenir à centrer les images de mon menu.Si quelqu'un pouvait me donner un coup de pouce, ce serait vraiment vraiment formidable...
Voici le code html de la page test :
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<link rel="stylesheet" href="image_fond.css">
<title>Premiers tests du CSS</title>
<link rel="stylesheet" href="menu.css">
</head>
<body>
<ul>
<li><a href="produits.html"><img
style="border: 0px solid ; width: 136px; height: 140px;"
src="bouton_produits.gif" alt="produits"></a></li>
<li><a href="ateliers.html"><img
style="border: 0px solid ; width: 133px; height: 140px;" alt="ateliers"
src="bouton_ateliers.gif"></a></li>
<li><a href="evenements.html"><img
style="border: 0px solid ; width: 169px; height: 143px;"
alt="événements" src="bouton_evenements.gif"></a></li>
<li><a href="liens.html"><img
style="border: 0px solid ; width: 87px; height: 140px;" alt="liens"
src="bouton_liens.gif"></a></li>
</ul>
</body>
</html>
et le css associé :
ul {
margin-left:13%;
margin-top:4%;
list-style-type:none;
text-align:center;
text-decoration:none;
}
ul li {
float:left;
text-decoration:none;
}
ul li a {
margin: 0 65px;
width: 110%;
height: 110%;
float: left;
display: block;
text-align: center;
text-decoration:none; width:80px;
}
HELP HELP HELP
et merci
