Menu mobile

Fermé
madmaskx Messages postés 129 Date d'inscription jeudi 27 décembre 2007 Statut Membre Dernière intervention 15 mai 2014 - 9 janv. 2008 à 15:17
madmaskx Messages postés 129 Date d'inscription jeudi 27 décembre 2007 Statut Membre Dernière intervention 15 mai 2014 - 10 janv. 2008 à 08:17
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

2 réponses

Tiller Messages postés 781 Date d'inscription mercredi 4 juillet 2007 Statut Membre Dernière intervention 14 septembre 2008 211
9 janv. 2008 à 16:27
Avec le code on pourrait peut etre..
0
madmaskx Messages postés 129 Date d'inscription jeudi 27 décembre 2007 Statut Membre Dernière intervention 15 mai 2014 12
10 janv. 2008 à 08:17
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
0