Bouton--onglets css-html

Bonjour,

Quand on utilise des CSS, on évite

<font color=white><font face ="comic sans ms">menu</font>

et d'utiliser des balises sémantiques (mal refermée “</h3>”) pour de la mise en forme

<h3>…</h>

<hn> c'est pour les titres, pas pour autre chose.

Il serait plus simple d'avoir

div#menu1 { 
  float:left; 
  width:150px; 
  height:60px; 
  background-image:url(bouton.jpg); 
  background-repeat:no-repeat; 
  font-family:"comic sans ms";
  color : #fff;
  font-size : --em;  /* une taille qui te plaît */
  } 

et donc

<div id="menu1">menu</div>

Plus clair, non ?
Tu vas placer chaque élément du menu dans une <div> avec une id différente ?

Pour tes problèmes, tu peux t'y prendre autrement.
NOTE : Ton code est incomplet, alors ça risque de ne pas s'adater à ton contexte.

L'alignement vertical dans tes blocs peut s'obtenir en définissant une “line-height” de la même taille que la “height”.

Le lien ne peut se faire qu'avec un <a>. Texte ou image.
Alors, la solution est de placer l'image en background du <a> pas de la <div>.
Encore faut-il qu'il y ait un <a>…
Et de définir un “display : block;” et des dimensions correspondantes au <a>.

++
Merci de penser à utiliser le bouton indiqué.

Tu trouveras un exemple ici fait avec une liste <ul> plutôt que dans une <div>. Ça peut se faire de la même façon.
Comme tu n'évoques pas d'effet au survol par la souris, tu peux te passer de ce qui concerne le “:hover” et le “:active”.

--

Bonjour,
< a href=" "> menu< /a>

ok merci
ça je savais, le problème est de faire le lien avec le bouton et non avec le texte puisque le bouton est en css et le texte en html

merci, mais j'ai pas compris grand-chose...
la nuit porte conseil et demain j'étudie <ul> <li> <a> etc...
merci, je reviendrai