Menu mobile
madmaskx
Messages postés
136
Statut
Membre
-
madmaskx Messages postés 136 Statut Membre -
madmaskx Messages postés 136 Statut Membre -
Bonjour,
J'ai un menu de navigation à gauche de ma page et etant donné que cetraines pages sont assez longues j'aimerais que ce menu se deplace avec la page quand on scroll. Quelqu'un peut il m'aider?
merci
J'ai un menu de navigation à gauche de ma page et etant donné que cetraines pages sont assez longues j'aimerais que ce menu se deplace avec la page quand on scroll. Quelqu'un peut il m'aider?
merci
A voir également:
- Menu mobile
- Menu déroulant excel - Guide
- Opérateur de réseau mobile - Guide
- Sytadin mobile - Télécharger - Transports & Cartes
- Chaine tnt gratuite sur mobile - Guide
- Instagram mobile sur pc - Télécharger - Divers Communication
2 réponses
bonjour,
voilà mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<link rel="stylesheet" type="text/css" title="stylegeneral" href="styles/style.css" />
<head>
<title>plan</title>
<style type="text/css">
img
{
border : none;
}
td
{
cellpadding:0;
cellspacing:0;
}
</style>
</head>
<body>
<ul class="menu" >
<li><a class="brown" href="index.html"> index</a></li>
<li><a class="brown" href="plan.html">accueil</a></li>
<li><a class="brown" href="present.html">presentation</a></li>
<li><a class="brown" href="mp3.html"> barrissements</a></li>
<li><a class="brown" href="img.html"> kroutes</a></li>
<li><a class="brown" href="agenda.html">agenda</a></li>
<li><a class="brown" href="archives.html">archives</a></li>
<li><a class="brown" href="liens.html">liens</a></li>
<li><a class="brown" href="contacts.html">contacts</a></li>
</ul>
<div class="orange">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><a class="plan" href="agenda.html"><img width="100%" height="100%" src="images/i01.bmp" alt="i1" title="agenda"/></a></td>
<td><a class="plan" href="present.html"><img width="100%" height="100%" src="images/i02.bmp" alt="i2" title="presentation"/></a></td>
<td><a class="plan" href="mp3.html"><img width="100%" height="100%" src="images/i03.bmp" alt="i3" title="mp3"/></a></td>
</tr>
<tr>
<td><img width="100%" height="100%" src="images/i04.bmp" alt="i4" title=""/></td>
<td><img width="100%" height="100%" src="images/i05.bmp" alt="i5" title=""/></td>
<td><a class="plan" href="img.html"><img id="six" width="100%" height="100%" src="images/i06.bmp" alt="i6" title="gallerie"/></a></td>
</tr>
<tr>
<td><a class="plan" href="archives.html"><img width="100%" height="100%" src="images/i07.bmp" alt="i7" title="archives"/></a></td>
<td><img width="100%" height="100%" src="images/i08.bmp" alt="i8" title=""/></td>
<td><a class="plan" href="liens.html"><img width="100%" height="100%" src="images/i09.bmp" alt="i9" title="liens"/></a></td>
</tr>
</table>
</div>
</body>
</html>
donc ma div.orange occupe 85% de l'écran à droite et ma liste.menu prend le reste à gauche.
Et donc j'aimerais qu'elle suive le mouvement quand on scroll vers le bas (certaines pages sont bien plus longues que celle là).
Merci
Max
voilà mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<link rel="stylesheet" type="text/css" title="stylegeneral" href="styles/style.css" />
<head>
<title>plan</title>
<style type="text/css">
img
{
border : none;
}
td
{
cellpadding:0;
cellspacing:0;
}
</style>
</head>
<body>
<ul class="menu" >
<li><a class="brown" href="index.html"> index</a></li>
<li><a class="brown" href="plan.html">accueil</a></li>
<li><a class="brown" href="present.html">presentation</a></li>
<li><a class="brown" href="mp3.html"> barrissements</a></li>
<li><a class="brown" href="img.html"> kroutes</a></li>
<li><a class="brown" href="agenda.html">agenda</a></li>
<li><a class="brown" href="archives.html">archives</a></li>
<li><a class="brown" href="liens.html">liens</a></li>
<li><a class="brown" href="contacts.html">contacts</a></li>
</ul>
<div class="orange">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><a class="plan" href="agenda.html"><img width="100%" height="100%" src="images/i01.bmp" alt="i1" title="agenda"/></a></td>
<td><a class="plan" href="present.html"><img width="100%" height="100%" src="images/i02.bmp" alt="i2" title="presentation"/></a></td>
<td><a class="plan" href="mp3.html"><img width="100%" height="100%" src="images/i03.bmp" alt="i3" title="mp3"/></a></td>
</tr>
<tr>
<td><img width="100%" height="100%" src="images/i04.bmp" alt="i4" title=""/></td>
<td><img width="100%" height="100%" src="images/i05.bmp" alt="i5" title=""/></td>
<td><a class="plan" href="img.html"><img id="six" width="100%" height="100%" src="images/i06.bmp" alt="i6" title="gallerie"/></a></td>
</tr>
<tr>
<td><a class="plan" href="archives.html"><img width="100%" height="100%" src="images/i07.bmp" alt="i7" title="archives"/></a></td>
<td><img width="100%" height="100%" src="images/i08.bmp" alt="i8" title=""/></td>
<td><a class="plan" href="liens.html"><img width="100%" height="100%" src="images/i09.bmp" alt="i9" title="liens"/></a></td>
</tr>
</table>
</div>
</body>
</html>
donc ma div.orange occupe 85% de l'écran à droite et ma liste.menu prend le reste à gauche.
Et donc j'aimerais qu'elle suive le mouvement quand on scroll vers le bas (certaines pages sont bien plus longues que celle là).
Merci
Max
