ElMoustiko

Oui tu fais comme ceci : <style type="text/css" media="screen"> </style> <style type="text/css" media="print"> </style> .... Mais il est tout de même préférable de dissocier les styles du document.

Wé je partage ton avis, mais de ce que je lis, les gens qui commandent des sites pros s'en contre fichent, et le problème est bien là, faire accepter a ces gens là ce genre de considérations. Et dégradation acceptable sous entendant, sous IE, ils n'accepterons pas. Je dis ca par rapport aux différentes discussions que j'ai pu lire ici entre autre, je ne suis pas dans le monde professionel de la création web. Et ces mêmes personnes se contre fichent des media handled à mon avis, ils se fichent deja parfois des non IE...

Wé mais j'ai pas lu ton article ;p juste parcouru en diagonale. Et de ce que j'ai compris il y a un dégradation sous IE, et pour un site pro, ca ne sera pas accepté.

Un float + flux avec le float en largeur fixe et le flux en variable ca deconne il me semble, enfin je n'en mettrais pas ma main à couper mais il me semble avoir tenté cette solution sans succes... Par ailleur, quand le contenu sera plus "long" que le menu, il passera sous le menu et l'effet colone (réalisable dans certains cas grace a un background) tomberait à l'eau.

Okay j'irais voir ! merci Mais ton script est trop volumineux Moi je veux faire du petit, succins, mais efficace !! Enfin c'est vrai que 20 lignes de plus c'est pas la mort non plus.

Ahh d'accord... donc il va falloir que je reflechisse à savoir comment verifier que l'on ne sors pas dans la div quand on passe du h2 au ul... hmm comme ca vite fait je vois pas, mais j'y reflechirais (si t'as une piste rapide). En tout cas je reprend pas ca ce soir, je risque de faire plus de n'importe quoi qu'autre chose vu mon état ! Merci des indications et explications ! On va peut etre arriver a un truc formi formidable ! Enfin ca reste bien je trouve quand même, non ? (pour une fois que je suis content de mon boulot ;p)

ahh j'ai *peut etre* compris, en fait quand on vas sur un element enfant de la div parente, on quitte (et on revient en même temps) l'élément parent, c'est ca ? Si tel est le cas... hmm bah je vois mal une alternative... Et le clignotement, je ne le vois pas, à quoi ça peut etre dû ? à la config je suppose ?

Je comprend pas grand chose... je dois être à la ramasse non ? Par contre, je ne vois pas de quel clignotement tu parles sur mon script. Peut être que des explications seraient plus parlantes en fait ?

C'est LA bidouille crado du truc ! C'est parceque SELECT DISTINCT MONTH(col_table)mois renvoi un chiffre et 01 n'est pas un chiffre, donc ca renvoi 1,2,3, ... 9,10,11,12 et mes url sont de la forme MM/YYYY (je crois ;p) Donc il faut que je rajoute 0 devant les 1,2,3,...9 pour avoir une url MM/ et non M/ ou MM/ suivant le mois.

+1 J'ai un routeur Netgear et c'est vraiment impec, HUB 4 ports, pratique pour un petit LAN entre potes !

Enfin j'ai oublié de préciser le format de la date YYYY-MM-DD HH:MM:SS En enregistrant dans la table via la fonction mysql NOW() Et col_table c'est le nom de la colone de la table où sont stockées les dates à ce format. @++

Moi sur le blog j'ai utilisé un truc trouvé après pas mal de galère ;p C'est crado, loin d'etre orthodoxe mas ca marche ! Désolé pour les puristes ! <h3>Archives</h3> <ul> <?php $req = "SELECT DISTINCT YEAR(col_table)an, MONTH(col_table)mois FROM table ORDER BY col_table ASC"; $result = mysql_query($req); while ($data = mysql_fetch_array($result)) { $select_month = array('1'=>'Janvier', '2'=>'Février', '3'=>'Mars', '4'=>'Avril', '5'=>'Mai', '6'=>'Juin', '7'=>'Juillet', '8'=>'Août', '9'=>'Septembre', '10'=>'Octobre', '11'=>'Novembre', '12'=>'Décembre'); if($data['mois'] <= 9) { echo '<li><a href="blog.php?select_date=0'.$data['mois'].'/'.$data['an'].'">'.$select_month[$data['mois']].' '.$data['an'].'</a></li>'; } else { echo '<li><a href="blog.php?select_date='.$data['mois'].'/'.$data['an'].'">'.$select_month[$data['mois']].' '.$data['an'].'</a></li>'; } } ?> </ul> Voilà après faut adapter selon sa table et sa bdd mais dans l'idée c'est ça. Le truc le plus crade c'est mon array et mon test sur le <= 9 ;p Enfin c'est mes 1eres armes en PHP.

Non la fonction sur le mouseover est gérée par rapport au div parent du h2, h2s.parentNode donc au final : Quand on passe sur la div englobant titre de menu et sous menu on affiche le sous menu et au sortir de cette même div on cache. Je ne comprend pas ta remarque là par contre...

Voilà qui est corrigé ! h2s[i].parentNode.onmouseover = function() { hideAll(); var cur_ul = this.getElementsByTagName('ul')[0]; cur_ul.style.display = ""; } h2s[i].parentNode.onmouseout = function() { hideAll(); } Je suis obligé d'appeler hideAll() ; quand même dans le onmouseover alors qu'apriori il n'y aurait pas besoin, mais quand on quitte la div par en dessous ca bug alors que par le coté ca fonctionne... bizar bizar ! Enfin là ca fonctionne. Merci d'avoir relevé cette erreur ! _AT_ldo > merci pour les tests, je note ! (t'en penses quoi sinon ? ) Rappel de compatibilité actuel : *WinXP Firefox 0.8 Firefox 0.9.3 Firefox 1.0PR Mozilla 1.7.1 Opera 7.23 Internet Explorer 6.0 *Mac OS X 10.2 Safari Mozilla Camino Internet Explorer 5.2

Arrh oui ! Je me serais collé une banane sur la tête j'aurais été moins ridicule ;p Il faut (a priori, a vue de nez) mettre le onmouseout sur le parentNode, je fait des modifs et des tests pour etre certain ! Merci de m'en faire la remarque, j'avoue être passé très rapidement sur le roll over !

En fait j'ai modifié le script parceque celui là n'etait pas tout à fait correct (a cause de la structure html principalement). Voir le nouveau topic (nouveau pour ne pas polluer plus celui ci) http://www.webmaster-hub.com/index.php?showtopic=6244 Et le nouveau permet onclick et onmouseover et je ne trouve pas ca plus facile/difficile à utiliser... la preuve je n'ai quasiment rien à modifier pour changer le comportement du menu. Code final ~20 lignes @++ {edit} Pour le navigator.onLine ca sert de "hack" pour UNIQUEMENT IE, c'est l'une des seule propriété prise en compte uniquement par IE, parceque certaines font que Opera comprend aussi, parceque quand on demande à opera quel navigateur il est, il repond IE ;p Mais dans le nouveau script, plus de hack puisque pas de probleme de compatibilité. C'est pour ca (entre autre) que la structure html à été modifiée.

Euh avec l'extension WebDevelopper, tu peux editer les css en ligne, je ne crois pas que ca soit possible pour la source en elle meme... je trouve l'utilitée moyenne d'ailleur, tu l'utilises comment exactement ? (utilité moyenne=> pour l'edition du code html et non css ;p)

Pour le click sur le bouton plutot que sur le texte, demande aux developpeurs d'IE ;p C'est juste que IE ne tient compte que du texte et non de l'element, j'essairai de voir en faisant un petit display: block; ou un width: XXpx ; sur le hN (display: block ; ne devrait rien changé, c'est la propriété par défaut des hN). Pour ce qui est du curseur: pointer ; sous IE, hmm il me semble que ca fonctionne sous IE6 XP au moins, mais j'ajouterais cursor: hand à la suite pour les mauvais élèves ;p Si vous avez des configs autres n'hésitez pas à les mentionner pour que je fasse un petit bilan ! Il faudrat que je rajoute un petit "hack JS" aussi je pense pour que le menu ne soit pas pris en compte par les Netscape 4 et IE 4 qui je crois ont carrément du mal ;p @++

J'ai terminé une version de menu déroulant via JavaScript. Le script permet de : choisir entre des actions au passage de la souris, ou au clique de souris. Si c'est au clique de souris, il y a encore un choix de façon de faire, ou bien on cache tous les menus pour n'ouvrir que le menu cliqué, ou on laisse les menus déjà ouverts comme ils sont. Pour choisir entre ces modes de fonctionnement, simplement une zone du script à changer. On copie/colle le morceau choisi présenté plus haut en commentaires. Le script en lui-même fait une petite vingtaine de lignes (variable suivant la méthode utilisée, on ne compte pas les lignes des ouvertures/fermetures d'accolades), et est totalement extrait du corps du document. Tout le menu est géré grâce au script JavaScript, et mis en forme grâce aux CSS. Si le JavaScript est desactivé, le menu reste utilisable et est tout simplement ouvert. Pour ce qui est du code html, 2 versions ont étaient faites, l'une en utilisant les listes de définitions, l'autre en utilisant des titres hN et des listes non ordonnées (version en ligne, je mettrais l'autre version du code html avec le script javascript correspondant si quelqu'un la veux). Menu testé sous Windows XP, Firefox 0.8, Firefox 1.0PR, Opera 7.23, Internet Explorer 6.0, Mozilla 1.7.1 Si vous avez d'autres configuration logicielles j'écoute vos rapports de bugs eventuels. Un tutoriel sera réalisé plus tard sur mon site, expliquant les codes html, css et javascript et les différentes possibilités d'utilisation. Voici donc l'url pour le test : http://www.elmoustikoblog.net/divers/menu/index.html http://www.elmoustikoblog.net/divers/menu/style.css http://www.elmoustikoblog.net/divers/menu/script.js Voilà j'attend vos commentaires, impressions et rapports de bugs ! @++

Ahh si c'est un projet déjà approuvé par le client en effet... ! J'imaginais un site "perso" c'est pour ça ! Le recours à la technique d'un simple tableau (il faut le faire proprement et qu'il n'emepeche pas la navigation sur certains navigateurs) sans imbrication, du style 2 colones est, pour des sites pros, tout à fait acceptable selon moi et selon d'autres. Par contre pour un site ayant un but plus technique ou ayant plus atttrait au sujet du full css, il est vrai que c'est un peu plus dommage ;p Content de voir qu'il est possible de faire des sites pro en utilisant le positionement css ;p @++

Pour la technique que j'utilise sur mon site, elle est a priori utilisable même pour des sites à largeur variable, tout dépend de l'image de fond. Si tu fais une image ayant pour 1ere partie de largeur = largeur de ton menu et le reste d'une couleur unie (quitte à faire une image de 1280px, si elle fait 1px de haut c'est pas bien grave) ou même avec un motif adapté, ca doit fonctionner. Il faudrait que tu me montre un exemple du fond global que tu souhaites pour qu'on voit si c'est vraiment impossible ou non. J'ai dans l'idée que ca reste réalisable. Pour ce qui est d'utiliser les tables... bon tant que c'est fait proprement sans multiple imbrication a la limite c'est pas non plus hyper grave, bien que decevant. Finalement si tu souhaites ne pas utiliser les tables tu as la possibilité de revoir légèrement le type de structure de ta page et de te demander si une solution moins technique ne conviendrait pas. Apres c'est au cas par cas et suivant ce que tu souhaites réaliser. Il est vrai que certaines limitations (un petit mal pour un grand bien est parfois necessaire même si difficile à accepter) du positionnement css empeche de faire TOUT, il reste par ailleurs de bonnes alternatives ;p ! Sinon tu peux tenter de parcourir le css zen garden pour voir s'il n'y a pas une solution à ton problème. Tu as le jardinier fait par un bloggueur qui permet de choisir les thèmes du jardin selon différents critères : http://www.etiennedepaulis.com/jardinier.php Voilà @++

Il y a Laurent Denis qui s'est penché sur le problème récement, mais il me semble que c'est avec les flottant (donc pas possible pour ton probleme) et qu'il persiste une legere degradation (comme il appelle ca) sur IE : http://blog-and-blues.org/weblog/2004/09/2...hauteurs-en-css Je n'ai lu qu'en diagonale donc je te laisse vérifier. Sinon perso sur elmoustikoblog (voir signature) j'utilise un fond dans le conteneur pour "faire paraitre" 2 colonnes de même taille, peut etre que cette solution te suffirais. Sinon il te reste la possibilité d'utiliser un simple tableau bien structuré qui te permettrais d'avoir ton systeme de colonnes, et les colones de même hauteur. Je ne suis pas fan de cette technique, même si c'est pour pallier a quelques insufisances du positionnement css. @++

Ca n'est pas possible à ma connaissance avec les float (ca m'embete bien d'ailleur ! ) Il faut que tu mettes ta premiere colone en absolute en largeur fixe et ensuite tu n'as plus qu'a donner une marge gauche (si la 1ere colone est à gauche) de la largeur de cette colone. Ta 2eme colone prendra 100% du conteneur, moins les XXpx de marge et tu arriveras au resultat souhaité. @++

En effet IE ne prend en compte la pseudo classe :hover uniquement sur les <a> Pour ce qui est de mettre un <a> autour d'un <div> comme le propose Djsmileyus, c'est impossible, un élément inline ne peut pas contenir un élément block Il serait envisageable (suivant le cas de figure de l'utilisation) de tout simplement faire un <a> et de lui attribuer la propriété display: block ; et d'ensuite agir dessus. Pour cette solution ca depend de l'effet recherché. Pour la solution JS, c'est tout à fait utilisable, il faut vérifier que la desactivation du JS ne provoque d'entrave à l'acces au contenu. Par exemple si c'est simplement un changement de style de la <div> on agit dessus via JS et si JS est desactivé et ben c'est pas la mort. Donc on agit via css pour les gecko et opera (et les autres bons navigateurs) et via JS pour IE. Donc on se retrouve avec les utilisateurs d'IE JS desactivé sans effet de style supplémentaire, ce qui est très minime. @++ ps : si tu veux un exemple de mise en oeuvre, demande !

Bah si c'est possible (enfin si j'ai bien compris la situation). En gros tes menus et ton contenu s'ecrivent les uns sur les autres parceque ton sous menu se déplit sur le coté, c'est ca ? Donc pour que le menu soit au dessus du contenu et pas au meme niveau, tu dois lui donner un z-index supérieur au contenu (il faut position les elements pour leur donner un z-index) et tu dois aussi lui donner un background non transparent, blanc, ou d'une autre couleur (ou avec une image). Le mieux serait que tu upload le tout que l'on voit en direct. Il s'agit de quel modele de menu déroulant ?