28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis en train de réaliser un site mais je suis un peu faché avec les css... enfin bref.
J'ai constaster un problème sur le dernier lien en haut de mon menu au survol il "bugg" en bougeant en en tremblant...

Et aussi les liens de mon pied de page on la même tete que ceux de mon menu alors que pourtant ils sont définis autrement...

Vous auriez des solutions ??

Le lien ou la page est visible :
http://s241148792.onlinehome.fr/
Bonjour, Tu ne te serais pas trompée entre la largeur et la hauteur du bouton ? Quand tu passes dessus, sa hauteur devient sa largeur et sa largeur sa hauteur, et quand on est trop a droite, le lien sort de dessous le curseur, revient, ressort, etc d'où le clignotement.
Merci, je fais jamais attention, faut que je me soigne...

Par contre je vois pas pourquoi sa bug toujours en bas... une idée ?
Dans a2s.css tu as une définition
#menu1 #menu-contact a, a:link, a:visited
Avec un background image, elle est utilisée par le menu du haut et donc par chaque balise a:link et a:visited. Tu devrais découper un 2 pour ne mettre l'image que pour #menu1 #menu-contact a
J'ai pas tout compris dsl..

Normalement si je lui dit sa il devrait plus avoir le fond...
#conteneur #pied-contenu p .lien-pied  a, a:link, a:hover, a:visited, a:active{
	color: #FF00FF;
	text-decoration: underline;
	background:none;
}


Et le problème viendrait de :
#menu1 #menu-contact a, a:link, a:visited{
	height: 48px;
	width: 68px;
	color:#CCCCCC;
	text-decoration: none;
	background-image: url(images/m6.png);
	background-repeat: no-repeat;
}
Normalement oui, si tu le mets après
#menu1 #menu-contact a, a:link, a:visited{
	height: 48px;
	width: 68px;
	color:#CCCCCC;
	text-decoration: none;
	background-image: url(images/m6.png);
	background-repeat: no-repeat;
}


Mais il vaut mieux au départ ne pas mettre l'image en background sur les liens normaux, plutot que la mettre et l'enlever ensuite.

Ca donnerait donc :
#menu1 #menu-contact a {
	height: 48px;
	width: 68px;
	color:#CCCCCC;
	text-decoration: none;
	background-image: url(images/m6.png);
	background-repeat: no-repeat;
}

a:link, a:visited {
	color: #FF00FF;
	text-decoration: underline;
	background:none;
}

Merci de ton aide, je ne savais pas qu'il pouvait y avoir des problèmes en fonction de la place des instruction également en css...