Salut à tous,
Je voudrais faire une navigation avec des onglets basée sur le principe des porte coulissantes (voir ceci et cela sur pompage.net)
Ce que j'ai fait est visible là (adresse temporaire) : http://compagnie.emyway.free.fr.exyr.org/
Il y a plusieurs différences par rapport à l'exmple donné :
* Le #header est positionné non pas en flottant mais en "fixed" (ou absolute pour IE qui ne connait pas fixed), afin que la navigation reste visible quand la page défile.
* Ce #header a une hauteur fixe (en px) et les onglets (ul) sont placé en bas avec {position: absolute; bottom: 0;} afin de conserver l'espace avec le texte et l'image de fond
* La deuxième image de fond n'est non pas appliquée à la balise <a>, mais a une balise <span> qui contient la balise <a> La structure est donc #header > ul > li(image de gauche) > span(image de droite) > a(zone cliquable)
Tout va bien dans le meilleur des mondes sous Firefox, sous Safari (d'après ce site, bien pratique d'ailleurs), mais sous IE c'est la panique (comme d'hab) : l'image de droite qui donne leur forme aux onglets ne s'affiche pas du tout.
Je ne sais pas exactement depuis quand ca ne s'affiche plus, mais ca a fonctionné ...
Une idée de ce qui pourrais faire revenir ces onglets ?
Merci d'avance.
Modifié par Shimonn (04 Apr 2006 - 23:05)
Je voudrais faire une navigation avec des onglets basée sur le principe des porte coulissantes (voir ceci et cela sur pompage.net)
Ce que j'ai fait est visible là (adresse temporaire) : http://compagnie.emyway.free.fr.exyr.org/
Il y a plusieurs différences par rapport à l'exmple donné :
* Le #header est positionné non pas en flottant mais en "fixed" (ou absolute pour IE qui ne connait pas fixed), afin que la navigation reste visible quand la page défile.
* Ce #header a une hauteur fixe (en px) et les onglets (ul) sont placé en bas avec {position: absolute; bottom: 0;} afin de conserver l'espace avec le texte et l'image de fond
* La deuxième image de fond n'est non pas appliquée à la balise <a>, mais a une balise <span> qui contient la balise <a> La structure est donc #header > ul > li(image de gauche) > span(image de droite) > a(zone cliquable)
Tout va bien dans le meilleur des mondes sous Firefox, sous Safari (d'après ce site, bien pratique d'ailleurs), mais sous IE c'est la panique (comme d'hab) : l'image de droite qui donne leur forme aux onglets ne s'affiche pas du tout.
Je ne sais pas exactement depuis quand ca ne s'affiche plus, mais ca a fonctionné ...
Une idée de ce qui pourrais faire revenir ces onglets ?
Merci d'avance.
Modifié par Shimonn (04 Apr 2006 - 23:05)