Bonjour, et merci d'avance à ceux qui pourront m'aider...
Je débute en HTML CSS, et j'ai du mal à allouer une taille aux 3 div que je souhaite aligner...
voici le code simple :
HTML :
<body>
<div class="lien_menu"><a href="accueil.htm">Accueil</a></div>
<div class="lien_menu"><a href="accueil.htm">Accueil</a></div>
<div class="lien_menu"><a href="accueil.htm">Accueil</a></div>
</body>
CSS :
.lien_menu
{
width: 85px;
height: 25px;
display: inline;
background-image: url("images/bouton_top_menu.png");
background-repeat: no-repeat;
}
.lien_menu a
{
text-align: center;
}
Vous comprenez que je souhaite allouer une taille à chacuns classes lien_menu, mais rien à faire, quand je mets display:inline, les blocs adoptent la largeur que le texte du lien prend.
Merci d'avance pour votre aide
<font size="+1"><div class="lien_menu"><a href="accueil.htm">Accueil</a></div></font>
<font size="+2"><div class="lien_menu"><a href="accueil.htm">Accueil</a></div></font>
<font size="+3"><div class="lien_menu"><a href="accueil.htm">Accueil</a></div></font>
Autrement vous avez ça aussi à essayer :
<h1>Titre en taille 1</h1>
<h2>Titre en taille 2</h2>
<h3>Titre en taille 3</h3>