Bonjour,
je suis en train de faire ce site :
http://www.crealinks.com/simon_web/courtet/

J´aimerais que quand on passe sur le menu (les icones), que les liens 1, 2, 3...soient remplacer par ceux de l´icone sur lequel on passe, un peu comme ça http://editeurjavascript.com/scripts/scripts_navigation_1_118.php

J´ai essaye plusieur scripts mais sans succe (je devais mal m´y prendre,

merci de vos réponses et @++

http://www.mon-notepad.tk

en CSS c´est possible si je me souviens

erf nan excuse c´est possible en CSS mais avec certaines conditions, qui ne sont pas la

En CSS c´est largement faisable. D´ailleurs c´est le rôle du CSS, pas du JavaScript. Si tu le fais en JS tu auras plus de mal et ton site sera très RALENTI, alors qu´en CSS ce sera très agréable et fluide.

vous auriez quelque chose a me proposer en CSS ?
merci

Je ne vois pas du tout comment ça peut être fait en CSS.
Par contre je ne comprends pas pourquoi leurs scripts ne marchent pas chez toi, tu as bien suivi toutes les indications ?
Qu´est-ce que tu as fait ?

ben j´ai rempli els formuaires (un ou deux pour voir comme ça fonctionnait) puis j´ai remplacer le nom des mes menu par une image mais ça part en sucette, j´ai essaye de bidouiller dans le code mais sans resultat pertinant

-Dr_Thrawn- http://css.alsacreations.s.com/Galeries-de-menus-en-CSS
6ème menu en partant du haut, tu m´en dira des nouvelles

Alsacréation est un très bon site
Regarde aussi sur http://www.openweb.eu.org

Et http://pompage.net/
Pas vraiment pour les menus là mais très utiles pour le reste du CSS

re

Rastopoboloss > Merci pour l´adresse du site, il est très intéressant !
Néanmoins tu noteras que pour les menus dont deepblue parlait, c´est à dire plus ou moins déroulant, il faut quand même une fonction javascript en plus du css ;)

http://www.ibilab.net/webdev/articles/CSS/creer-menus-cascade-simple-4.htm

Personnellement, je suis en LOVE avec ce site, autant superbe que bien conçus...

-Dr_Thrawn- > retourne sur mon lien http://www.crealinks.com/m/simon_web/courtet/index2.php c´etait ce genre de menu que je voulais mais je suis ouvert a toutes prositions

Oui j´ai bien compris, ce que je dis c´est que ce type de menu utilise une fonction javascript .
Tu n´as aucun problème ?
J´ai remarqué que les sous menus s´affichaient spécifiquement sous les images, sans réelle séparation, tu sais le corriger ou tu veux le laisser comme ça ?

nan je sais pas le corriger (j´ai essaye pour voir lol)

Par rapport à cette page : http://www.crealinks.com/m/simon_web/courtet/index2.php
je pense que pour mettre les sous-menus bien en ligne il suffirait de leur mettre un position:absolute dans le CSS.

/* Style pour tout le menu ^^ ------------------------------------------*/

ul#menu{position:relative;left:-42px;height:18px;f
ont:12px Verdana;list-style:none}
ul#menu li:hover>ul{ display:block;
}
ul#menu
li{background-color:#FFFFFF;list-style:none;paddin
g:3px;
border:1px solid
black;float:left;margin:2px;width:100px;height:16p
x}

ul#menu ul{list-style:none;display:none;}

ul#menu ul li
{ background-image: url("bg.png");

float:none;margin:2px;width:100px;height:16px;posi
tion:relative;left:-46px;top:6px}
/*-------------------------------------*/

<ul id="menu">

<li>Accueil</li>
<li>Programmation
<ul>
<li>C++</li>
<li>JavaScript</li>
</ul>
</li>
<li>lll
<ul>
<li>Yoo :p</li>

<li>Teste ^^</li>
</ul>
</li>
</ul>

Bon, j´avais fait un menu dynamique css(avec un ptit code js que j´ai paumé)... si tu te débrouilles un peu tu pourras l´arranger comme tu veux.

Voila, bye..

<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */

dt, dl, dd, ul, li {
list-style-type: none;
margin: 0 0 0;
padding: 0;
azimuth:center;
background-color:#CCCCCC;
}

1. menu dd {

float: left;
}

1. menu dl {

float: left;
}

1. menu li {

display: inline;
}

1. menu a {

text-decoration: none;
color: #000;
background-color:#CCCCCC;
}

1. smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {

position:absolute;
font-size: 11px;
border-top: 1px solid gray;
width: 790;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-color:#CCCCCC

}

.mentions {
position: absolute;
bottom : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
a {text-decoration: none;
color: #222;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}

-->
</style>

^MON CSS ^

_____________________
UN DES SOUS MENU :

<dd id="smenu3">
<ul>

<li><a href="#">Sous-menu 3.1</a></li>
<li><a href="#">Sous-menu 3.2</a></li>
<li><a href="#">Sous-menu 3.3</a></li>
<li><a href="#">Sous-menu 3.4</a></li>
<li><a href="#">Sous-menu 3.5</a></li>
</ul>