Hello dentnoir,
Voici mes codes complets, j'ai essayé ta méthode, mais le lien "toute la collection" est toujours en gris, peut être un autre pbl dans ma css ?
body {
margin: 0;
text-align: center;
background: url(/Baggrund_flosset.gif) repeat-y center top;
}
img {
border-width: 0;
border-style: none;
}
#page {
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left;
}
h1 {
font-family: Arial bold, Times, serif;
letter-spacing: 5px;
font-size: 65%;
color: #990099;
margin: 0 0 0 0;
}
h2 {
font-family: Tahoma, Times, serif;
font-size: 0.7em;
letter-spacing: 0.05em;
color: #990099;
margin-top: 20px;
margin-left: 40px;
margin-bottom: 0px;
margin-right: 0px;
padding: 0px;
width: 700px;
}
ul#menu_haut {
padding: 0px;
letter-spacing: 2px;
list-style-type: none;
font-family: Arial, Times, serif;
font-size: 60%;
margin-top: 20px;
margin-left: 115px;
margin-bottom: 0px;
margin-right: 0px;
text-align: left;
width: 700px;
}
#menu_haut li {
float: left;
}
#menu_haut a {
display: block;
color: #999999;
text-decoration: none;
text-align: center;
}
#menu1 {
border-right: 1px solid #999999;
width: 85px;
}
a#menu1:hover {
background: url(menu1.gif) no-repeat 0 0;
}
#menu2 {
border-right: 1px solid #999999;
width: 125px;
background: url(menu2.gif) no-repeat 0 0;
}
a#menu2:hover {
background: url(menu2.gif) no-repeat 0 0;
}
#menu3 {
border-right: 1px solid #999999;
width: 85px;
}
a#menu3:hover {
background: url(menu1.gif) no-repeat 0 0;
}
#menu4 {
border-right: 1px solid #999999;
width: 150px;
}
a#menu4:hover {
background: url(menu4.gif) no-repeat 0 0;
}
#menu5 {
border-right: 1px solid #999999;
width: 95px;
}
a#menu5:hover {
background: url(menu5.gif) no-repeat 0 0;
}
#menu6 {
width: 85px;
}
a#menu6:hover {
background: url(menu1.gif) no-repeat 0 0;
}
#menu_haut a:hover {
color: #000000;
}
div#blocmenugauche {
float: left;
width: 160px;
padding-top: 35px;
margin: 0;
}
ul#menu_gauche {
letter-spacing: 2px;
list-style-type: none;
font-family: Arial, Times, serif;
font-size: 60%;
text-align: left;
padding: 0;
margin: 0;
}
#menu_gauche a {
display: block;
color: #999999;
text-decoration: none;
text-align: left;
padding: 0;
margin: 0;
line-height: 25px;
}
a#menu1g {
color:#990099;
}
#menu_gauche a:hover {
color: #990099;
}
p#couleurs {
color: #999999;
}
div#photo_eve {
padding: 0;
float: left;
width: 150px;
height: 180px;
margin-left: 40px;
margin-top: 40px;
}
p#perles_de_rocaille {
font-family: Arial, Times, serif;
color: #999999;
font-size: 75%;
text-align: left;
margin-top: 5px;
margin-bottom: 0;
padding: 0px;
}
div#photo_cristal {
padding: 0;
float: left;
width: 150px;
height: 180px;
margin-left: 40px;
margin-top: 40px;
}
p#cristal_swarovski {
font-family: Arial, Times, serif;
color: #999999;
font-size: 75%;
text-align: left;
margin-top: 5px;
margin-bottom: 0;
padding: 0px;
}
div#photo_cleopatre {
padding: 0;
float: left;
width: 150px;
height: 180px;
margin-left: 40px;
margin-top: 40px;
}
p#perles_boheme {
font-family: Arial, Times, serif;
color: #999999;
font-size: 75%;
text-align: left;
margin-top: 5px;
margin-bottom: 0;
padding: 0px;
}
div#photo_camelia_tissu {
float: left;
margin-left: 40px;
margin-top: 10px;
padding: 0;
width: 150px;
height: 180px;
}
p#fleurs_de_soie {
font-family: Arial, Times, serif;
color: #999999;
font-size: 75%;
text-align: left;
margin-top: 5px;
margin-bottom: 0;
padding: 0px;
}
div#photo_estella {
float: left;
margin-left: 40px;
margin-top: 10px;
padding: 0;
width: 150px;
height: 180px;
}
p#perles_nacrees {
font-family: Arial, Times, serif;
color: #999999;
font-size: 75%;
text-align: left;
margin-top: 5px;
margin-bottom: 0;
padding: 0px;
}
div#photo_guipure {
float: left;
margin-left: 40px;
margin-top: 10px;
padding: 0;
width: 150px;
height: 180px;
}
p#guipure_brodee {
font-family: Arial, Times, serif;
color: #999999;
font-size: 75%;
text-align: left;
margin-top: 5px;
margin-bottom: 0;
padding: 0px;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="identifier-url" content="http://www.princessedunjour.com" />
<title>Princesse d'un Jour - Bijoux et accessoires pour le mariage</title>
<meta http-equiv="content-language" content="fr" />
<meta name="description" content="Princesse d'un Jour propose des bijoux et accessoires pour le mariage. Colliers de mariage en cristal Swarovski et perles, pics à cheveux pour votre chignon et votre coiffure de mariée." />
<meta name="keywords" content="bijoux mariage, bijoux fantaisie, accessoires mariage, accessoire mariage, bijoux fantaisie mariage, salon du mariage, bijoux fantaisies, collier mariage, recherche accessoire mariage, accessoire robe de mariee, coiffure mariage, coiffure mariee, mariage, accessoire coiffure, bijou mariage, bijoux swarovski, bijoux en perle swarovski, chignon de mariee, coiffure de mariee, vente bijoux fantaisie, princesse d'un jour, robe de mariee" />
<meta name="Author" content="princessedunjour.com" />
<meta name="copyright" content="princessedunjour.com" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="robots" content="noindex, nofollow" />
<link rel="stylesheet" type="text/css" href="collections.css" />
<style type="text/css">
</style>
</head>
<body>
<div id="page">
<h1 id="titre">
<a href="http://www.princessedunjour.com">
<img src="logo222.gif" title="Princesse d'un Jour" alt="Princesse d'un Jour" style="vertical-align: middle; margin-right: 50px;" /></a>
BIJOUX ET ACCESSOIRES POUR LE MARIAGE
</h1>
<ul id="menu_haut">
<li><a id="menu1" title="Accueil" href="accessoires-colliers-mariage.htm">ACCUEIL</a></li>
<li><a id="menu2" title="Collections" href="accessoires-mariage-bracelets.htm">COLLECTIONS</a></li>
<li><a id="menu3" title="Design" href="accessoires-boucles-doreilles.htm">DESIGN</a></li>
<li><a id="menu4" title="Points de vente" href="accessoires-mariage-pics-a-cheveux">POINTS DE VENTE</a></li>
<li><a id="menu5" title="A propos" href="accessoires-mariage-tiares.htm">A PROPOS</a></li>
<li><a id="menu6" title="Contact" href="#">CONTACT</a></li>
</ul>
<div id="blocmenugauche">
<ul id="menu_gauche">
<li><a id="menug1" title="Toute la collection" href="#">TOUTE LA COLLECTION</a></li>
<li><a id="menug2" title="Perles de rocaille" href="#">PERLES DE ROCAILLE</a></li>
<li><a id="menug4" title="Cristal Swarovki" href="#">CRISTAL SWAROVSKI</a></li>
<li><a id="menug5" title="Perles de Bohème" href="#">PERLES DE BOHEME</a></li>
<li><a id="menug6" title="Fleurs de soie" href="#">FLEURS DE SOIE</a></li>
<li><a id="menug7" title="Perles nacrées" href="#">PERLES NACREES</a></li>
<li><a id="menug8" title="Guipure brodée" href="#">GUIPURE BRODEE</a></li>
</ul>
<div>
<p id="couleurs">Découvrez aussi nos bijoux en couleurs</p>
</div>
</div>
<div id="photo_eve">
<a href="http://www.princessedunjour.com"> <img src="/Evetest.jpg" title="Perles de rocaille" alt="Perles de rocaille"/></a>
<p id="perles_de_rocaille">Perles de rocaille</p>
</div>
<div id="photo_cristal">
<a href="http://www.princessedunjour.com"> <img src="/Cristaltest.jpg" title="Cristal Swarovski" alt="Cristal Swarovski"/></a>
<p id="cristal_swarovski">Cristal Swarovski</p>
</div>
<div id="photo_cleopatre">
<a href="http://www.princessedunjour.com"> <img src="/cleopatre-blanc-test.jpg" title="Perles de Bohème" alt="Perles de Bohème"/></a>
<p id="perles_boheme">Perles de Bohème</p>
</div>
<div id="photo_camelia_tissu">
<a href="http://www.princessedunjour.com"> <img src="/camelia-tissu-test.jpg" title="Fleurs de soie" alt="Fleurs de soie"/></a>
<p id="fleurs_de_soie">Fleurs de soie</p>
</div>
<div id="photo_estella">
<a href="http://www.princessedunjour.com"> <img src="/estella-test.jpg" title="Perles nacrées" alt="Perles nacrées"/></a>
<p id="perles_nacrees">Perles nacrées</p>
</div>
<div id="photo_guipure">
<a href="http://www.princessedunjour.com"> <img src="/Guipure-blanc-test.jpg" title="Guipure brodée" alt="Guipure brodée"/></a>
<p id="guipure_brodee">Guipure brodée</p>
</div>
</div>
</body>
</html>
