Alors voila, j'ai un menu de ce style :
Code :
- <div id="menu1">
- <h3>Titre menu</h3>
- <ul>
- <li><a href="">Lien 1</a></li>
- <li><a href="">Lien 2</a></li>
- </ul>
- </div>
|
Jusqu'a maintenant je modifie via les css, les proprietes de h3 afin d'afficher le titre du menu.
Notament je change la taille de la police, j'ajoute un background ...
En faisant comme cela, je ne peux plus utiliser les h3 ailleurs (enfait si je peux, je sais
).
Ensuite j'ai essaye avec ca :
Code :
- <span>Titre menu</span>
|
La encore un petit probleme, le span est un conteneur, mais conteneur de balises, c'est pas fait pour stocker du texte directement... Donc si je copie le style des h3 ds les span ca marche pas. (Ce qui est normal)
Maintenant j'en suis arrive a ca :
Code :
- <span class="titremenu"><p>Titre menu</p></span>
|
La ca fonctionne, normal, le <p> c'est un conteneur de texte.
Enfin, bref, ma question c'est surtout des petits details.
D'un point de vue theorique, j'aimerais savoir qu'elle est la meilleure solution.
Solution 1 :
#menu1 h3 { ...}
Solution 2 :
#menu1 span
ou .menutitre
Solution 3 :
.menutitre p { ... }
ou p avec classe
Je tiens a preciser, que j'ai pas de "veritable" probleme, j'aimerais votre avis.
[edit]
j'ai rate le copier coller de mon 1er post, je l'ai donc edite, pardon au familles tout ca ...
Message édité par cerel le 07-02-2004 à 14:24:46