[CSS] un menu déroulant tout en CSS c'est faisable pour IE ?

un menu déroulant tout en CSS c'est faisable pour IE ? [CSS] - HTML/CSS - Programmation

Marsh Posté le 19-01-2005 à 11:55:39    

Hi all,
 
J'en suis à 2-3 versions de mon menu deroulant et j'ai rien trouvé de convenable encore. Enfin sous firefox tout passe toujours nikel mais en test sur IE ça ne passe pas.
 
Quelqu'un a-t-il une idée de menu full CSS compatible avec IE ?
 
Merci


---------------
"Il vaut mieux se taire et passer pour un con plutôt que de parler et de ne laisser aucun doute à ce sujet." (Pierre Desproge)
Reply

Marsh Posté le 19-01-2005 à 11:55:39   

Reply

Marsh Posté le 19-01-2005 à 12:08:12    

t'as été prendre les exemples de alsacreation ??
ceux-là sont compatibles partout

Reply

Marsh Posté le 19-01-2005 à 12:08:46    

pas faisable sans JS :/

Reply

Marsh Posté le 19-01-2005 à 12:11:33    

oui j'ai fait ce qu'il y a sur alsa
mais c'est un menu deroulant que je veux
et en gros je voudrais avoir ce qu'on peut trouver en JS sur alsa mais en CSS !!
 
j'en demande peut etre de trop ?!


---------------
"Il vaut mieux se taire et passer pour un con plutôt que de parler et de ne laisser aucun doute à ce sujet." (Pierre Desproge)
Reply

Marsh Posté le 19-01-2005 à 12:35:47    

En effet ce n'est pas possible sans JS sur IE parce qu'il ne permet pas les :hover ailleurs que sur <a>.
L'alternative est d'utiliser le fameux hack "IE7".. mais c'est du JS aussi.
 

Citation :

mais c'est un menu deroulant que je veux


Il y'a aussi des déroulants sur Alsa.


Message édité par sibelius le 19-01-2005 à 12:36:29

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 19-01-2005 à 15:16:13    

Bijour,
 
Je suis justement en train de bosser la dessus car je viens de trouver un menu vertical déroulant sans JS devinez ou ..... sur la nouvelle homepage de tf1 !!!
Non, ce n'est pas une blague, le reste du site est toujours aussi naze et pas xhtml mais le menu l'est  :??:  
 
J'ai testé sous sous firefox et IE (un peux moins rapide que sous firefox) et ça marche ...
 
A propos, quelq'un peut il me donner un lien sur cette régle d'héritage ">" ex: ul#menu li>a
J'ai déja vu ça qq part mais je ne me rappelle pas ou ...
 


---------------
stpfilms.free.fr
Reply

Marsh Posté le 19-01-2005 à 15:24:29    

'tain c fou j'avais jamais vu ça...
pour une fois que j'apprends un truc avec tf1 :)  

Reply

Marsh Posté le 19-01-2005 à 15:28:35    

Ouais ... ca m'a aussi super étonné
Je suppose que c'est pas d'eux (sutout vu le reste du site ...), il faudrait trouver d'ou vient ce menu ...


---------------
stpfilms.free.fr
Reply

Marsh Posté le 19-01-2005 à 15:29:29    

fxoxo a écrit :


A propos, quelq'un peut il me donner un lien sur cette régle d'héritage ">" ex: ul#menu li>a
J'ai déja vu ça qq part mais je ne me rappelle pas ou ...


Peut-être dans les spécs CSS ? ;)
http://www.yoyodesign.org/doc/w3c/ [...] or.html#q1
"Sélecteur d'enfant : Correspond à tout élément F aussi un enfant de l'élément E."
 
Ce sélecteur n'est pas reconnu par IE.
S'il est utilisé et fonctionnel sur le site de TF1, c'est qu'il y'a utilisation d'un hack en php ou javascript pour "faire comprendre à IE" ce sélecteur d'enfant... bref utilisation de IE7 (hack javascript)
 
EDIT : y'a du javascript partout sur le site de TF1 !!  :pt1cable:  
 
Voici une partie utilisée pour le menu :

Code :
  1. if (document.all && document.getElementById(nav).currentStyle) {
  2. var navroot = document.getElementById(nav);
  3. var lis = navroot.getElementsByTagName("LI" );
  4. for (i=0; i<lis.length; i++) {
  5. if (lis[i].lastChild.tagName == "UL" ) {
  6. lis[i].onmouseover = function() {
  7. this.lastChild.style.display = "block";
  8. }
  9. lis[i].onmouseout = function() {
  10. this.lastChild.style.display = "none";
  11. }
  12. }
  13. }
  14. }
  15. }
  16. window.onload = function() {
  17. activateMenu('m47752');
  18. }


Message édité par sibelius le 19-01-2005 à 15:31:02

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 19-01-2005 à 15:29:47    

fxoxo a écrit :

Ouais ... ca m'a aussi super étonné
Je suppose que c'est pas d'eux (sutout vu le reste du site ...), il faudrait trouver d'ou vient ce menu ...


 
A prioris c'est tout chaud, il viennent de le mettre avec la nouvelle version de leur home (c'est pour ça que je trainais sur leurs site ...)


---------------
stpfilms.free.fr
Reply

Marsh Posté le 19-01-2005 à 15:29:47   

Reply

Marsh Posté le 19-01-2005 à 15:31:30    

Cf post ci dessus :)
 
Le principe général est ici : http://www.ibilab.net/webdev/artic [...] mple-4.htm


Message édité par sibelius le 19-01-2005 à 15:32:39

---------------
www.polychromies.com (Portfolio) - www.photographier-bebe.com (livre photo de bébé) - www.alsacreations.com
Reply

Marsh Posté le 19-01-2005 à 15:33:03    

SIBELIUS a écrit :

Peut-être dans les spécs CSS ? ;)
http://www.yoyodesign.org/doc/w3c/ [...] or.html#q1
"Sélecteur d'enfant : Correspond à tout élément F aussi un enfant de l'élément E."
 
Ce sélecteur n'est pas reconnu par IE.
S'il est utilisé et fonctionnel sur le site de TF1, c'est qu'il y'a utilisation d'un hack en php ou javascript pour "faire comprendre à IE" ce sélecteur d'enfant... bref utilisation de IE7 (hack javascript)


 
 
A merde !!! t'a raison, je l'avais ramenè/testé en local donc je pensait qu'il marchait sans IE7, mais je ne l'avait testé en local qu'avec Firefox ... je viens de le faire avec IE, ca marche pas ...
Donc retour à la case départ, et ce menu n'à rien d'exceptionnel ...  :fou:  
 


---------------
stpfilms.free.fr
Reply

Marsh Posté le 19-01-2005 à 15:36:00    

SIBELIUS a écrit :


 
EDIT : y'a du javascript partout sur le site de TF1 !!  :pt1cable:  
[/cpp]


 
Je sais bien, c'est pour ça que j'avais désactivé JS (histoire de rire ...  :D ) et c'est comme ça que j'ai vu que leurs menu marchait quand même ...
 
PS: merci pour les liens, je vais aller voir ça de suite...


---------------
stpfilms.free.fr
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed