Faire un genre de tableau

Fermé
homer59650 Messages postés 115 Date d'inscription dimanche 29 mars 2009 Statut Membre Dernière intervention 27 décembre 2010 - 25 août 2009 à 03:07
homer59650 Messages postés 115 Date d'inscription dimanche 29 mars 2009 Statut Membre Dernière intervention 27 décembre 2010 - 25 août 2009 à 14:39
Bonjour,
Je voudrais faire un genre du truc comme sur cette page https://www.nrj.fr/ une genre de tournantes en flash, merci d'avance!

3 réponses

je vois pas trop se que tu veux dire mais tu peut faire sa
<style>
#niveau_1{
width:170px;
background-color:339900;
padding-left:20px;
}
#niveau_2{
width:170px;
background-color:99ff00;
padding-left:20px;
}
#niveau_3{
width:170px;
background-color:ccff00;
padding-left:20px;
}
#niveau_4 {
width:170px;
background-color:yellow;
padding-left:20px;
color:ffffff;
}
#niveau_5 a{
width:170px;
background-color:00cc00;
padding-left:20px;
color:ffffff;

}

</style>
</head>
<script>
function sous_menu_ouvre(_sous_menu) {
_sous_menu.style.display='block';
}
function sous_menu_ferme(_sous_menu) {
_sous_menu.style.display='none';
}
</script>
</head>
<body>
<div id="bulle" style="position: absolute;"></div>
<p><font color="#0000FF" size="5" face="Vivaldi" ><strong>Menu</strong></font></p>
<ul style="list-style-type:square">
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_1_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_1_in'));" id="niveau_1" style="float:left">
<a href="./script.php">scripts</a></li>
<ul id="niveau_1_in" style="display:none">
<li><a href="./scripts.php?id=1">compteur d'age</a></li> <br>
<li><a href="./scripts.php?id=2">compteur de personne</a></li><br>
<li><a href="./scripts.php?id=3">une introduction sympa</a></li><br>

</ul>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_2_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_2_in'));" id="niveau_2"style="float:left">
<a href=./"index.php">index</a></li>
<ul id="niveau_2_in" style="display:none">
<li><a href=./"index.php">index</a></li>

</ul>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_3_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_3_in'));" id="niveau_3"style="float:left">
<a href="./forum.html">mon forum</a></li>
<ul id="niveau_3_in" style="display:none">
<li><a href="./forum.html">mon forum</a></li>
</ul>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_4_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_4_in'));" id="niveau_4"style="float:left">
<a href="./mail.html">contact</a></li>
<ul id="niveau_4_in" style="display:none">
<li><a href="./mail.html">contact</a></li>
</ul>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_5_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_5_in'));" id="niveau_5"style="float:left">
<a href="./inscription.php">inscription</a></li>
<ul id="niveau_5_in" style="display:none">
<li><a href="./inscription.php" >inscription</a></li>
</ul>
</ul>
<br><br><br><br><br>

<script>
va sur ce site tu feras: flo-html.fr.cr
0
je vois pas trop se que tu veux dire mais tu peut faire sa
<style>
#niveau_1{
width:170px;
background-color:339900;
padding-left:20px;
}
#niveau_2{
width:170px;
background-color:99ff00;
padding-left:20px;
}
#niveau_3{
width:170px;
background-color:ccff00;
padding-left:20px;
}
#niveau_4 {
width:170px;
background-color:yellow;
padding-left:20px;
color:ffffff;
}
#niveau_5 a{
width:170px;
background-color:00cc00;
padding-left:20px;
color:ffffff;

}

</style>
</head>
<script>
function sous_menu_ouvre(_sous_menu) {
_sous_menu.style.display='block';
}
function sous_menu_ferme(_sous_menu) {
_sous_menu.style.display='none';
}
</script>
</head>
<body>
<div id="bulle" style="position: absolute;"></div>
<p><font color="#0000FF" size="5" face="Vivaldi" ><strong>Menu</strong></font></p>
<ul style="list-style-type:square">
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_1_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_1_in'));" id="niveau_1" style="float:left">
<a href="./script.php">scripts</a></li>
<ul id="niveau_1_in" style="display:none">
<li><a href="./scripts.php?id=1">compteur d'age</a></li> <br>
<li><a href="./scripts.php?id=2">compteur de personne</a></li><br>
<li><a href="./scripts.php?id=3">une introduction sympa</a></li><br>

</ul>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_2_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_2_in'));" id="niveau_2"style="float:left">
<a href=./"index.php">index</a></li>
<ul id="niveau_2_in" style="display:none">
<li><a href=./"index.php">index</a></li>

</ul>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_3_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_3_in'));" id="niveau_3"style="float:left">
<a href="./forum.html">mon forum</a></li>
<ul id="niveau_3_in" style="display:none">
<li><a href="./forum.html">mon forum</a></li>
</ul>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_4_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_4_in'));" id="niveau_4"style="float:left">
<a href="./mail.html">contact</a></li>
<ul id="niveau_4_in" style="display:none">
<li><a href="./mail.html">contact</a></li>
</ul>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_5_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_5_in'));" id="niveau_5"style="float:left">
<a href="./inscription.php">inscription</a></li>
<ul id="niveau_5_in" style="display:none">
<li><a href="./inscription.php" >inscription</a></li>
</ul>
</ul>
<br><br><br><br><br>


va sur ce site tu feras: flo-html.fr.cr
0
homer59650 Messages postés 115 Date d'inscription dimanche 29 mars 2009 Statut Membre Dernière intervention 27 décembre 2010 7
25 août 2009 à 14:39
Merci de tes infos, moi je voudrais faire comme cela :http://www.jeanmarcmorandini.com/Tournante.swf
0