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
--
Voir hyperion puis mourir.....
Gare au Gritche.
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
--
Voir hyperion puis mourir.....
Gare au Gritche.
Configuration: Windows XP Firefox 2.0.0.11
A voir également:
- Menu mobile
- Menu déroulant excel - Guide
- Opérateur de réseau mobile - Guide
- Mfacebook.com mobile - Guide
- Sytadin mobile - Télécharger - Transports & Cartes
- Menu démarrer windows 11 - Guide
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
