Bonjour,
Je n'arrive pas à résoudre un petit problème (pour les autres on verra après, ). Je fais bénévolement le site du club de la presse de Nantes, et je me suis collé au css sans tableau. Vous pouvez consulter (pour l'instant sur un espace perso ) l'ébauche du site
En bas , le copyright. Dans celui-ci un lien sur valérie Bonneau qui doit mener vers mon site perso, mais mon nom et le lien s'affiche plus bas à gauche et qd on passe la souris il grossit en rouge. Je me doute que le problème vient d'une balise dans le menu coquelicot, (je pense à la balise "a" et "a:hover"
mais je ne vois pas comment y remédier. Si quelqu'un a la gentillesse et le temps de m'aider...
La balise du copyright
menu coquelicot adapté à mes besoins :
Merci beaucoup
Val
Modifié par valzl (15 Sep 2006 - 17:23)
Je n'arrive pas à résoudre un petit problème (pour les autres on verra après, ). Je fais bénévolement le site du club de la presse de Nantes, et je me suis collé au css sans tableau. Vous pouvez consulter (pour l'instant sur un espace perso ) l'ébauche du site
En bas , le copyright. Dans celui-ci un lien sur valérie Bonneau qui doit mener vers mon site perso, mais mon nom et le lien s'affiche plus bas à gauche et qd on passe la souris il grossit en rouge. Je me doute que le problème vient d'une balise dans le menu coquelicot, (je pense à la balise "a" et "a:hover"
mais je ne vois pas comment y remédier. Si quelqu'un a la gentillesse et le temps de m'aider...
La balise du copyright
.bas {
float: clear;
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3399FF;
font-weight: bold;
text-decoration: none;
}
menu coquelicot adapté à mes besoins :
ul{
position:relative;
list-style:none;
padding: 0px;
margin: 0px;
width:540px;
height:400px;
background: url(dessin1.gif) no-repeat;
}
a{
position:absolute;
display:block;
width:76px;
height:20px;
text-decoration:none;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
a:hover{
font-size:18px;
color:#CC3300;
width:169px;
height:45px;
}
#menu1{
top: 376px;
left: 4px;
padding: 5px 0px 0px 20px;
background: #6699FF url(g05/ptm1.gif) no-repeat;
}
#menu1:hover{
top:370px;
left:1px;
padding: 14px 0px 0px 15px;
width:135px;
background: url(g05/m1.jpg) no-repeat;
}
#menu2{
top:376px;
left:112px;
background: #FFCC00 url(g05/ptm2.gif) no-repeat;
padding: 5px 0px 0px 20px}
#menu2:hover{
top:370px;
left:74px;
padding: 10px 0px 0px 48px;
background: url(g05/m2.jpg) no-repeat;
}
#menu3{
top:376px;
left:222px;
padding: 5px 0px 0px 20px;
background: #CC3333 url(g05/ptm3.gif) no-repeat;
}
#menu3:hover{
top:370px;
left:185px;
padding: 10px 0px 0px 48px;
background: url(g05/m3.jpg) no-repeat;
}
#menu4{
top:376px;
left:334px;
padding: 5px 0px 0px 20px;
background: #9966FF url(g05/ptm4.gif) no-repeat;
}
#menu4:hover{
top:370px;
left:300px;
padding: 10px 0px 0px 48px;
width:135px;
background: url(g05/m4.jpg) no-repeat;
}
#menu5{
top:376px;
left:447px;
padding: 5px 0px 0px 20px;
background: #33CC00 url(g05/ptm5.gif) no-repeat;
}
#menu5:hover{
top:365px;
left:420px;
padding: 14px 0px 0px 48px;
background: url(g05/m5.jpg) no-repeat;
}
#menu6{
top:1px;
left:2px;
padding: 5px 0px 0px 20px;
background: #00CCFF url(g05/ptm6.gif) no-repeat;
}
#menu6:hover{
top:0px;
left:0px;
padding: 10px 0px 0px 48px;
background: url(g05/m6.jpg) no-repeat;
}
Merci beaucoup
Val
Modifié par valzl (15 Sep 2006 - 17:23)