Bonsoir,
Ayant mis en place un menu avec des onglets, j'ai quelques difficultés à obtenir un rendu correct lors du survol.
Donc voilà; chaque onglet est divisé en deux parties (illustrées par 2 couleurs différentes): A gauche, on se trouve au-dessus d'une balise <li> et à droite au-dessus d'une balise <a> (incluse dans <li>).
J'ai réussi (pour FF & IE) à rendre chaque "boîte" active sur toute sa surface au sein de la balise <a> mais pour <li>, c'est une autre affaire. En gros, mes problèmes sont les suivants:
1- Sous IE, l'effet de survol de la balise <li> ne fonctionne pas; l'image souhaitée n'apparait pas. A noter que l'astuce utilisée pour <a> à savoir:
n'est pas valable pour <li>.
2- Sous IE et FF, je n'arrive pas à rendre le lien actif sur toute la surface de l'onglet (<li> + <a>). A noter la contrainte suivante: Je n'ai pas de taille définie pour les onglets car ils s'adaptent à la longueur de mes liens.
Perso, j'avoue que je sèche un peu là et j'en viens même à me demander si c'est réalisable donc si quelqu'un peut m'aider je lui en serais très reconnaissant.
Vous pouvez observer le schmilblik à cet endroit:
http://koala64.free.fr/gloomith.php?rubrique=accueil
avec la feuille de style associée:
http://koala64.free.fr/css/stylek64.css
Merci et bonne nuit.
Modifié par koala64 (02 May 2005 - 14:07)
Ayant mis en place un menu avec des onglets, j'ai quelques difficultés à obtenir un rendu correct lors du survol.
Donc voilà; chaque onglet est divisé en deux parties (illustrées par 2 couleurs différentes): A gauche, on se trouve au-dessus d'une balise <li> et à droite au-dessus d'une balise <a> (incluse dans <li>).
J'ai réussi (pour FF & IE) à rendre chaque "boîte" active sur toute sa surface au sein de la balise <a> mais pour <li>, c'est une autre affaire. En gros, mes problèmes sont les suivants:
1- Sous IE, l'effet de survol de la balise <li> ne fonctionne pas; l'image souhaitée n'apparait pas. A noter que l'astuce utilisée pour <a> à savoir:
a { width:.1em; } /*Pour IE*/
html> a { width:auto; } /*Pour FF*/
n'est pas valable pour <li>.
2- Sous IE et FF, je n'arrive pas à rendre le lien actif sur toute la surface de l'onglet (<li> + <a>). A noter la contrainte suivante: Je n'ai pas de taille définie pour les onglets car ils s'adaptent à la longueur de mes liens.
Perso, j'avoue que je sèche un peu là et j'en viens même à me demander si c'est réalisable donc si quelqu'un peut m'aider je lui en serais très reconnaissant.
Vous pouvez observer le schmilblik à cet endroit:
http://koala64.free.fr/gloomith.php?rubrique=accueil
avec la feuille de style associée:
http://koala64.free.fr/css/stylek64.css
Merci et bonne nuit.
Modifié par koala64 (02 May 2005 - 14:07)
