Faire un genre de tableau

homer59650 Messages postés 99 Date d'inscription   Statut Membre Dernière intervention   -  
homer59650 Messages postés 99 Date d'inscription   Statut Membre Dernière intervention   -
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!
Configuration: Windows 7
Firefox 3.0.13
A voir également:

3 réponses

fofo77
 
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
fofo77
 
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 99 Date d'inscription   Statut Membre Dernière intervention   7
 
Merci de tes infos, moi je voudrais faire comme cela :http://www.jeanmarcmorandini.com/Tournante.swf
0