RE
Regardes bien le css du blocdroit: j'ai supprimer ul li et ul li hover.
si tu ne veux pas de différences ces règles prendront les consignes du menu
gauche.
il faut mettre les font-size à
18pt; partout dans les deux menu car tu écris en majuscule et ça prend de la place ( sinon il faut augmenter la hauteur des cellules.)
EFFACES LE BLOCDROIT ET COLLE CE CSS:
#blocdroit
{
position : absolute;
top : 705px;
left: 1170px;
width : 200px;
text-align: center;
}
#blocdroit ul
{
list-style-type : none;
}
#blocdroit ul li a
{
background-image : url(htt);
background-repeat : no-repeat;
color : #420500;
width : 200px;
height : 40px;
padding-top : 10px;
padding-left : 10px;
margin-top : 2px;
font-size : 18pt;
font-family : Gabriola;
border-width : 4px;
border-style : plein;
border-color : #420500;
display : block;
line-height : 10px;
text-align : center;
display : block;
}
#blocdroit h2
{
background : #;
background-image: url(
https://static.blog4ever.com/2012/11/719419/titremoulin207203.jpg)
;
background-repeat: no-repeat;
background-position : 50% 50%;
color :#E31100;
width : 202px;
height : 193px;
text-align: center;
border-width : 4px;
border-style : plein;
border-color : #420500;
margin-top : 5px;
margin-bottom : 0px;
}
J'ai trouvé une bonne astuce pour que le hover soit beau et voici le reglage:
ATTENTION:il faut corriger dans le
menu gauche:
#menu ul li a corriger à
width : 200px;
#menu ul li a:hover /* cette règle va s'appliquer également au blocdroit */
{
background-image : url(
http://);
background-repeat : no-repeat;
color : #420500;
text-decoration : none;
width : 200px;
height : 40px;
font-size : 20pt; /* écriture plus grosse car monotype corsiva écrit + petit*/
font-family :monotype corsiva,Gabriola; /* changement de police au survol*/
text-align : center;
border-width : 4px;
border-style : solid;
border-color : #420500;
}
Une fois ces réglages en place il faudra voir pour la suite du blocdroit tout en bas car tu as mis des vignettes ...........