bonjour a tous, je veux faire des menus déroulants comme sur le site http://www.easy-muscu.com/
mais comment ??? pour faire le machin rouge avec les bords arrondis...
avec du JS (et dans ce cas la j'utiliserais ca : <!--[if lte IE 6]><![endif]--> ) ou du css ?????
 
je cherche depuis des jours mais je en trouve pas...
 
merci d'avance

Tu cherche mal ^^
La reponse est JS + CSS... Tu as plusieurs solutions...
Les plus "belles" se font grâce à JQuery (avis personnel)...
C'est celui que j'ai utilisé pour un site : SPAM (si tu veux voir ce que ça donne)
Dans tous les cas, je te suggère http://www.alsacreations.com ...

et pour faire exactement celui qu'il ya  sur le site que j'ai donné ?

http://www.pompage.net/pompe/deroulants/
Voila, c'est exactement ça, un contenu masqué, sauf lors du survol de son parent...
Pour les bord arrondi, à toi de faire le CSS adéquat
Pour le lien que je t'ai montré, c'est exactement le meme principe, sauf que je rajoute Jquery pour ajouter un effet de transition (ici, une translation et un fondu)...

au niveau du css, on peut faire le machin avec les bords arrondis... ?????
moi je pensais a le faire avec toshop non ?

Oula... Tu compare Photoshop au CSS...
Le CSS servira à mettre en forme ce que tu exporteras de photoshop... pas à le remplacer...
Fais tu bien la distinction entre HTML, CSS, Images, Textes, JS ... ?

oui oui  
mais je croyasi que le cadre rouge était a creer avec photoshop

Oui, c'est le cas, enfin, Photoshop est un peu chère pour faire un arrondi... On s'est compris..

oui mais je l'ai... on s'est compris

meme avec ton lien je n'arrive pas :@

C'est un forum qui à pour vocation d'être cool, mais on ne peut rien faire de plus... On ne peut pas faire plus simple que ce tuto...
-Tu connais assez bien le HTML, ses balises ?
-Tu connais assez bien le JS ? tu connais son rôle ? sa manière d'interagir sur le HTML ?
-Tu connais assez bien le CSS ?
Il faut peut-être que tu commences par apprendre les bases avant de pousser les choses...

html ok et css ok, j'avoue que le JS non

Met en forme ta page avec tes bouton, et on t'aideras.
Pour ne pas faire de grosse betises, je te donnes quelques consignes :
- Tous les boutons du menu doivent être dans une div dont la taille est définie.
- Le menu doit de cette forme (à base de ul/li) :

<ul id="menu"> 
  <li><a href="#">Menu 1</a> 
     <ul> 
          <li><a href="#">Sous-menu 1-1</a></li> 
          <li><a href="#">Sous-menu 1-2</a></li> 
          <li><a href="#">Sous-menu 1-3</a></li> 
     </ul> 
  </li> 
  <li><a href="#">Menu 2</a> 
     <ul> 
          <li><a href="#">Sous-menu 2-1</a></li> 
          <li><a href="#">Sous-menu 2-2</li> 
          <li><a href="#">Sous-menu 2-3</li> 
     </ul> 
  </li> 
..... 
</ul>

- Designe le tout en CSS, masque les sous-menu (li>ul) et on verra comment ajouter l'interactivité en JS

voila ou j'en suis :
http://playmusculation.olympe-netw [...] 0Max/site/
 
je voudrais que le sous menu soit aligné, et que tous les sous menus apparaissent dans un carré comme ca (plus ou moins long selon le nombre de sous menus)
http://yfrog.com/06sanstitre1gsgj
voici le html :

 
et voici le css:

Voici un exemple assez sophistiqué:
http://www.stunicholls.myby.co.uk/

no-font, seul "materiel" contiendra un sous menu ?
D'ailleur, décale le ul/li qu'il contient, pour ne pas croire qu'il sont au même niveaux que les autres (c'est juste pour l'œil, ça donnera le meme resultat)...
Sinon, l'arrondie en haut à gauche ne sera pas esthétique...
Il faut que tu fasse le découpage de ce bloc rouge d'ailleurs, pour le rentre extensible, à moins que tous tes sous-menu contienne le même nombre de bouton...

eu non, tous contiendrons des sous menus, la c'est pour tester.
comment le découper pour le rendre extensible.
et apres comment l'integrer au code ?

et au fait, si il ya des tutos, j'adore ce que zeborg a passé

Bah, je t'en ai donné un de tuto, ça n'a pas vraiment marcher

pas pour ce style la, et non c an'a pas marché

Apprend le HTML et le CSS qui te permettra de mettre en forme ce menu...
Normalement, le seul truc qui te bloquait, c'était l'interaction des menu...
T'as trouvé une parade avec le :hover, mais ça ne suffira pas à cause d'IE 6...
Utilise tout de même ce hover, on t'apprendra une fois que ça sera fonctionnel sur Firefox, à utiliser une autre methode universelle (qui ne changera que très peu ton code)...
Bon, j'ai peut etre abusé de te donner la contrainte de construire en UL / LI, mais je croyais que tu te demerdait bien en HTML/CSS, utilise des divs si t'es plus à l'aise, mais ça te donnera une mauvaise habitude...
Si tu fais en DIV, l'important, c'est de faire une div par bouton, qui elle meme contient la div du sous-menu (masqué, ou pas)...

Tu trouveras jamais un tuto pour faire exactement ce que tu trouveras sur chaque site...
mais tu trouve la methode...
Les base des menus partent souvent d'un même principe, seule les combinaisons son infinies...
Ici, le but de mon tuto est d'apprendre à changer le comportement d'une div lors d'un survol de la souris... Le site cité plus haut, c'est la même chose.
La mise en forme change.

Je viens de voir ton profil, si tu as vraiment l'age indiqué, c'est que tu n'as evidemment pas eu de formation au web... Tu apprend donc en amateur, je te suggère donc de passer par le siteduzero.com...

j'ai 14 ans  
et j'ai commencé par le site du zero, que ce soit pour le c++ le xhtml/css ou le php/mysql , j'ai commencé par la

J'ai réussi a foutre ca en horizontal, mais comment enlever le style, donc les onglet aux sous menus, pour ne creer que tu texte???????? (comme sur le lien de zeborg)
voici le site actuel //playmusculation.olympe-network.com/design/Nouveau%20dossier/
et voici le css actuel:

et voici le html actuel :

Dans ton CSS tu as "#menu ul li a"... c'est valable pour toutes les balises a dans les li dans #menu... Ainsi,  les <a> de ton sous menu hérite aussi de ce style... alors :
Soit tu remplace de dernier cité par "#menu>ul>li> a" ... Le > signifie "directement dans", à savoir que ce ne sera pas hérité aux enfants...
Soit tu redefini le style des sous-lien en leur donnant une classe que tu skin en CSS.
 
Par-contre, il faut savoir ce que tu veux au final... si tu veux qu'on t'aiguille !

au final je veux exactement comme le lien de zeborg
c'est a dire, que ca s'écrit dans une barre en dessous, sous formes de liens, et que si la souris passe sur ces liens, ca ouvre un rectangle (comme le rouge) avec d'autres liens
 
comment redefinir le style ???

Vu que les liens du site en question ne sont pas fonctionnelles...
Pour faire la même chose fonctionnelles, il faut de l'AJAX, pour ne pas recharger la page après avoir cliqué sur un lien, et ça tu n'as le niveau...
Tu peux toujours faire la même chose, sauf que si rien n'est survolé, il n'y aura aucun sous menu affiché...
 
Mais même, de manière générale, exerce toi en commençant par le début, je ne vois pas l'intérêt de te guider sur un truc que tu ne comprendras pas... J'ai souvent le temps de débloquer les gens, mais pas assez pour leur apprendre tout. dsl.

meme la meme chose ou ca apparait que lors d'un survol

ok, je te ferais un .html commenté, mais promet moi de ne pas recopier betement ...
Essayer de comprendre mon code, monsieur qui mari un beau Quad-core avec une CM toute moche et ridée !
Au final, ça sera en PHP ou HTML ?

html, j'ai marié avec la carte que j'avais avant, j'avais pas 1000 euros
je change progressivement
 

Et voila, n'hesite pas à me demander pour les point que tu comprend pas, je t'expliquerai si j'ai le temps...
=> http://urfman.free.fr/fhw/menuOnglet.html

Bon, c'est assez moche, mais c'est pas l'important, tu fera pareil avec tes images à toi...
Le :hover du CSS faisait en sorte que l'element revenais par defaut quand on sortait la souris, je ne l'ai donc pas utilisé et tout fais en JS !

On peut aussi selectionné un menu par defaut...
Il suffit de provoquer la fonction à l'evenement "onload" du body, en inserant comme argument (le truc entre parenthèse) l'élement en question !

MAJ du fichier

merci beaucoup, j'analyse ca

et re MAJ ! (ptite erreur au commentaire et tout...)
Tu connaissais le pricipe des boucle ?
Des fonctions avec arguments ?

boucles non, fonctions avec argument, heureusement qu'elles existent

T'as tout compris donc ? je peux etre fièr de moi  ?

^^

 
tu est une fille ?

oups