Bonjour,
Je souhaiterais réaliser une sorte de menu, une barre horizontale avec diverses actions effectuables en fonction de la page affichée. Pour cela, je créé un div dans lequel je place plusieurs balises <a> contenant une image et un texte.
Si je rajoute un padding au <a>, alors il devient plus grand que le div, ce que je souhaiterais c'est que les balises <a> aient la même hauteur que le <div>.
Un exemple de rendu est disponible ici : http://foobaz.free.fr/hauteur/test.html
La première barre utilise le padding dans <a>, la seconde un margin (qui ne correspond pas non plus à ce que je souhaite, je voudrais que les bordures gauches des <a> et la bordure haute du <div> se touchent).
Quelle est l'erreur que je commets ?
Merci d'avance pour vos réponses.
Je souhaiterais réaliser une sorte de menu, une barre horizontale avec diverses actions effectuables en fonction de la page affichée. Pour cela, je créé un div dans lequel je place plusieurs balises <a> contenant une image et un texte.
Si je rajoute un padding au <a>, alors il devient plus grand que le div, ce que je souhaiterais c'est que les balises <a> aient la même hauteur que le <div>.
Un exemple de rendu est disponible ici : http://foobaz.free.fr/hauteur/test.html
La première barre utilise le padding dans <a>, la seconde un margin (qui ne correspond pas non plus à ce que je souhaite, je voudrais que les bordures gauches des <a> et la bordure haute du <div> se touchent).
Quelle est l'erreur que je commets ?
Merci d'avance pour vos réponses.