28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Tout d'abord désolé pour le titre peu explicite, je ne voyais pas trop comment décrire mon problème en 4 mots.

Ma question relativement simple cependant: je suis en train de créer un menu pour mon site web, qui ressemble à cela pour l'instant:

https://lh3.googleusercontent.com/-M9GoFaaQRGU/UG24L3hK12I/AAAAAAAAENQ/423O7V2AsnY/h66/Capture+d%E2%80%99e%CC%81cran+2012-10-04+a%CC%80+18.19.56.png

Quand je survole un lien, le fond devient noir. Je souhaiterais maintenant augmenter l'écart entre les bordures et le texte. J'ai donc ajouté un petit padding en bas et en haut, ce qui me donne ça:

https://lh6.googleusercontent.com/-1-smZBvmbQo/UG24L6Gx-AI/AAAAAAAAENM/bpsUc1eEBSY/h85/Capture+d%E2%80%99e%CC%81cran+2012-10-04+a%CC%80+18.20.39.png

Le problème étant que le fond noir n'atteint alors pas les bordures, ce qui n'est pas très esthétique...
Je souhaiterais en fait arriver à ce résultat:

https://lh4.googleusercontent.com/-r0w90F_ja6g/UG24qcZZClI/AAAAAAAAENc/7LBkEtat5dI/h85/ce+que+je+veux.png

Savez vous comment je peux parvenir à mes fins?
Bonjour,

C'est pourtant tout simple. Il te suffit de rajouter un "padding-top" et "padding-bottom" à tes liens et non au "conteneur". Smiley cligne
Merci beaucoup pour ta réponse! effectivement c'était pas bien sorcier!

J'ai dont rajouté le padding aux liens:


#nav a {
	padding-bottom: 20px;
	padding-top: 20px;
}


encore merci Smiley cligne
j'allais te demander comment passer en résolu, mais la réponse est apparue comme par magie devant mes yeux Smiley cligne

encore merci!