begin process at 2012 05 28 19:18:34
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

PHP

 > 

Divers

 > 

Débutant(e)

 > 

comment rajouter un menu

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

comment rajouter un menu

jeudi 7 mai 2009 à 21:56:51 | comment rajouter un menu

alaindu_33
Bonjour je viens de faire un nouveau menu pour un site mais voila le dernier onglet jeux n'apparais pas sur la page d'accueil il me manque quoi merci de vos réponses.

<html>

<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>

<body>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>Page1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
dd {
margin: 0;
padding: 0;
list-style-type: none;
}
dt {
margin: 0;
padding: 0;
list-style-type: none;
}
dl {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a:hover {
background: #eee;
}
#menu li a:hover {
background: #eee;
}
-->
</style>

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<div id="menu" style="width: 15em; position: absolute; top: 46px; left: 51px; height: 54991px; background-color: #FFFFFF">
<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre();" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
<a title="Retour à l'accueil" style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="file:///C:/alain/nouveau%20dossier%20grs/baby_gym%202.htm">
Accueil</a></dt>
</dl>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu1');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
<a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="file:///C:/alain/nouveau%20dossier%20grs/Baby%20Gym.htm">
Baby Gym</a></dt>
<dd id="smenu1" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
photo</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.4</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.5</a></li>

</ul>
</dd>
</dl>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu3');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Gym</dt>
</dl>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dd id="smenu3" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.1</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.4</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu4');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Grs</dt>
<dd id="smenu4" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 4.1</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 4.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 4.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 4.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 4.3</a></li>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu4');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Jeux</dt>
</dl>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

</body>

</html
>
vendredi 8 mai 2009 à 09:49:06 | Re : comment rajouter un menu

kohntark

Membre Club
Salut,

Quand ce type de pb se pose la première chose à faire et d'indenter, espacer, sauter des lignes, mettre des commentaires un peu partout pour clarifier le code. Tu t'apercevras alors très vite qu'il y a des balises non fermées, qu'il manque la plupart des lignes à l'onglet jeux, etc ...

<html>

<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>

<body>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>Page1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
dd {
margin: 0;
padding: 0;
list-style-type: none;
}
dt {
margin: 0;
padding: 0;
list-style-type: none;
}
dl {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a:hover {
background: #eee;
}
#menu li a:hover {
background: #eee;
}
-->
</style>

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<div id="menu" style="width: 15em; position: absolute; top: 46px; left: 51px; height: 54991px; background-color: #FFFFFF">

<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre();" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
<a title="Retour à l'accueil" style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="file:///C:/alain/nouveau%20dossier%20grs/baby_gym%202.htm">
Accueil</a></dt>
</dl>

<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu1');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
<a style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="file:///C:/alain/nouveau%20dossier%20grs/Baby%20Gym.htm">
Baby Gym</a></dt>
<dd id="smenu1" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
photo</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.4</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.5</a></li>
</ul>
</dd>
</dl>


<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu3');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Gym</dt>
</dl>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dd id="smenu3" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.1</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.4</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>

<!-- exemple d'un onglet indenté (à la va vite), c'est un peu plus claire, non ? -->
<!-- début onglet Grs -->
<dl style="list-style-type: none; margin: 0; padding: 0">
  <dt onmouseover="javascript:montre('smenu4');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
  Grs
  </dt>
  <dd id="smenu4" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
    <ul style="list-style-type: none; margin: 0; padding: 0">
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
        Sous-Menu 4.1</a>
      </li>
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
        Sous-Menu 4.2</a>
      </li>
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
        Sous-Menu 4.3</a>
      </li>
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
        Sous-Menu 4.3</a>
      </li>
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
        Sous-Menu 4.3</a>
      </li>
    </ul>
  </dd>
</dl>
<!-- fin onglet Grs -->


<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu5');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Jeux</dt>
<dd id="smenu5" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 5.1</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 5.2</a></li>
</ul>
</dd>
</dl>



</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

</body>

</html>

Par ailleurs il faut que tu remplaces tes liens 'file:///C:/alain...' par des chemins relatifs ou absolus sinon ça ne fonctionnera pas sur une autre machine.

Cordialement,

Kohntark -
vendredi 8 mai 2009 à 13:59:36 | Re : comment rajouter un menu

alaindu_33
Réponse acceptée !


super merci a toi vous avez beaucoup de patiente pour moi qui suis novice dans ce domaine j'essaye d'apprendre.Mais ce n'est pas facile.
merci encore
vendredi 8 mai 2009 à 14:35:20 | Re : comment rajouter un menu

kohntark

Membre Club
Bon courage


Kohntark -
vendredi 8 mai 2009 à 23:21:10 | Re : comment rajouter un menu

alaindu_33
catastrophe le menu descend trop bas merci de regarder kohntark
samedi 9 mai 2009 à 06:37:58 | Re : comment rajouter un menu

kohntark

Membre Club
Tu as des height de 100% sur des balises inline (a, li, ...), ce qui n'est pas un attribut correct pour ce type de balises. Tu dois pouvoir les supprimer sans pb.
Et puis le div id=menu => height: 54991px; !!! est ce bien raisonnable ?


Kohntark -
samedi 9 mai 2009 à 07:54:17 | Re : comment rajouter un menu

alaindu_33


merci de ta reponse mais je ne trouve pas la solution
samedi 9 mai 2009 à 08:37:21 | Re : comment rajouter un menu

kohntark

Membre Club
Qu'est ce que tu ne comprends pas au juste ?

Je te l'ai donné la solution : supprimer les height qui n'ont rien à faire sur les balises <a> <li>, etc ...
Il y en a dans le style déclaré en début de page et dans le style des balises elles mêmes.

Le height: 54991px; est "monstrueux" ça te fait une page ultra longue alors qu'il n'est peut être pas nécessaire de le mettre. Passe le à 1000 (par exemple) en attendant.

Cordialement,

Kohntark -
samedi 9 mai 2009 à 08:40:04 | Re : comment rajouter un menu

alaindu_33


j'essaye merci
samedi 9 mai 2009 à 08:58:57 | Re : comment rajouter un menu

alaindu_33

voila si je me suis pas trompé c'est ca


<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Accueil</title>
</head>

<body>

</body>
</body>
<html>

<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>

<body>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>Page1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
dd {
margin: 0;
padding: 0;
list-style-type: none;
}
dt {
margin: 0;
padding: 0;
list-style-type: none;
}
dl {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a:hover {
background: #eee;
}
#menu li a:hover {
background: #eee;
}
-->
</style>

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>

<div id="menu" style="width: 15em; position: absolute; top: 46px; left: 51px;1000px; background-color: #FFFFFF">

<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre();" style="cursor: pointer; 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
<a title="Retour à l'accueil" style="color: #000; text-decoration: none; display: block;100%; border: 0 none" href="../../../alain/nouveau%20dossier%20grs/baby_gym%202.htm">
Accueil</a></dt>
</dl>

<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu1');" style="cursor: pointer;20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
<a style="color: #000; text-decoration: none; display: block; 100%; border: 0 none" href="../../../alain/nouveau%20dossier%20grs/Baby%20Gym.htm">
Baby Gym</a></dt>
<dd id="smenu1" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
photo</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 1.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 1.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; 100%; border: 0 none" href="#">
Sous-Menu 1.4</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 1.5</a></li>
</ul>
</dd>
</dl>


<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu3');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Gym</dt>
</dl>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dd id="smenu3" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 3.1</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 3.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 3.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 3.4</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>

<!-- exemple d'un onglet indenté (à la va vite), c'est un peu plus claire, non ? -->
<!-- début onglet Grs -->
<dl style="list-style-type: none; margin: 0; padding: 0">
  <dt onmouseover="javascript:montre('smenu4');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
  Grs
  </dt>
  <dd id="smenu4" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
    <ul style="list-style-type: none; margin: 0; padding: 0">
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
        Sous-Menu 4.1</a>
      </li>
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
        Sous-Menu 4.2</a>
      </li>
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
        Sous-Menu 4.3</a>
      </li>
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
        Sous-Menu 4.3</a>
      </li>
      <li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
        <a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
        Sous-Menu 4.3</a>
      </li>
    </ul>
  </dd>
</dl>
<!-- fin onglet Grs -->


<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu5');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Jeux</dt>
<dd id="smenu5" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 5.1</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block;100%; border: 0 none" href="#">
Sous-Menu 5.2</a></li>
</ul>
</dd>
</dl>

 

</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

</body>

</html>

</html>

</html>

1 2

Cette discussion est classée dans : menu, style, none, margin, padding

Répondre à ce message

Sujets en rapport avec ce message

besoin d'aide pour ce code [ par alaindu_33 ] Bonsoir j'ai besoin d'un petit renseignement au sujet de ce code .j'aimerai savoir comment faire pour que celui ci revienne au point de depart sans a Compatibilité avec firefox et google chrome [ par rahhalmahassen ] Bonjour, J'ai un probléme d'affichage du contenue de [url=http://www.juridique-enligne.com/avocat-gratuit/aide-juridique]ma page web[/url].En effet,el Menu/ssmenu vertical qui ne marche pas comme je voudrais... [ par Nosferatu8 ] Bonjour à tous, Voila j'ai deux petits soucis concernant mon menu vertical déroulant... En fait, j'aurais besoin de deux choses: - lorsque je clique Style CSS [ par CCJ ] Bonjour je developpe actuellement un site et j'ai uun bleme voila la partie de ma source css foireuse: td.Menu { background-image: url("Images/MenuNeu probléme placement collone droite css [ par speedylol ] bonjour voic le probléme que j'ai le positionement de la colone droite n'est pas bonne , je vois mon erreur car je debut en css voici le code ci contr Contenu de Bdd et affichage avec retour a la ligne [ par DjChat ] Bonjour a tous, je gere un affichage dynamique qui est stoqué dans une Bdd en varchar qui est du texte, pour le positionner je l'ai mi dans des div qu Enlevez le cadre des images liens [ par samuss ] Bonjour,Je suis en train de créé un site web, j'ai un probleme puisque dans mon menu des images-boutons font offices de liens, mais j'ai un vieux cadr Pas de couleur de fond sur IE : background [ par kataVB ] boujour tout le mondemon problème est le suivant : sur internet explorer je ne vois pas la couleur de fond ( c'est blanc) alors que sur Firefox n'y a problème CSS ! [ par zut69 ] Bonjour,Ca fait plusieurs années que je fais des sites internet, mais j'ai souvent un problème pour bien gérer les styles...Par exemple, aujourd'hui j Menu dynamique et changement de style [ par Orange73 ] Bonjour,j'ai un menu php générer dynamiquement via une BDD.Chaque element du menu possède un lien (href).je souhaiterai savoir comment puis-je faire p


Nos sponsors


Sondage...

Comparez les prix


Mio - Moov V735 - GPS Europe - Ecran 7"
Entre 305€ et 375€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,577 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)