Mettre une image de fond à une balise <li> en css - HTML/CSS - Programmation
Marsh Posté le 05-03-2005 à 22:27:02
heeuu, tu sais que "ul#menu li:hover>ul" ne fonctionnera pas sous IE, que "_display" n'existe pas et qu'afficher les <li> en inline est une très mauvaise idée?
Marsh Posté le 06-03-2005 à 00:52:17
masklinn a écrit : et qu'afficher les <li> en inline est une très mauvaise idée? |
Ah bon, tu préfères les float ?
Marsh Posté le 06-03-2005 à 00:58:06
sibelius a écrit : Ah bon, tu préfères les float ? |
tu parles de mettre des blocs en float plutôt que des inlines seuls?
oui, mettre des images en fond d'éléments inline c'est loin d'être top
Marsh Posté le 06-03-2005 à 01:06:23
masklinn a écrit : [ |
Bah, l'image doit être en fond du lien (<a> ) pas de la puce (<li> ), non ?
Mais bon, sur le fond, c'est vrai que des images dans un inline, ça le fait pas trop.
Par contre, s'il s'agit de menu simple sans image, je préfère de loin la fluidité du display inline plutôt que du float.
Marsh Posté le 06-03-2005 à 01:09:39
sibelius a écrit : je préfère de loin la fluidité du display inline plutôt que du float. |
On est d'accord, mais son problème est qu'il n'arrive pas à mettre ses images en fond des <li>
Marsh Posté le 06-03-2005 à 01:14:46
masklinn a écrit : On est d'accord, mais son problème est qu'il n'arrive pas à mettre ses images en fond des <li> |
On est d'accord. Je retourne me coucher
Marsh Posté le 06-03-2005 à 01:21:54
sibelius a écrit : On est d'accord. Je retourne me coucher |
neunuit
Marsh Posté le 06-03-2005 à 09:56:16
sibelius a écrit : Bah, l'image doit être en fond du lien (<a> ) pas de la puce (<li> ), non ? |
Le display inline ne fonctionne pas avec Opera dans le cas des "li". (en tous cas sous Linux). ET float fonctionne, mais à condition de préciser la longueur de "ul".
Marsh Posté le 06-03-2005 à 10:46:40
@Hermes > OK pour Opera / Linux.
Pour float et le dimensionnement de <ul> je le sais bien.
Ce qui est gênant dans le cas de positionnement flottant, c'est :
- l'alignement difficile à gérer (centrer le menu, aligner à droite = inverse les éléments, etc.)
- le débordement (les float débordent de leur contenuer <ul> sauf définition de la hauteur de <ul> ou utilisation de clear, etc.
Rien de méchant, mais en toute théorie (même si tu m'apprends que Opera / Linux l'implémente mal), il est plus propre d'aligner les éléments avec display inline que float qui n'est pas spécifique à cet emploi (même s'il fonctionne en bidouillant un peu)
Marsh Posté le 05-03-2005 à 22:06:22
Voila, à l'aide d'un tuto sur les css j'ai fais un menu vertical déroulant. Pour cela j'ai créé une liste que je modifie avec les css.
Par contre j'arrive à mettre une image de fond à toute la liste et pas à chacuns des boutons du menu. comment faire ?
voici le code html pour la liste :
et le code css :