28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je n'arrive pas à résoudre un petit problème (pour les autres on verra après, Smiley lol ). 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)
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif