Bloc de menu fixe [RESOLU]

leeloo06110 · Message par **leeloo06110** » 13 nov. 2006, 16:21

Bonjour, j'ai créé un menu dans un bloc en haut de ma page, simple, horizontal, juste en écriture surlignée.
Je souhaite qu'il ne défile pas en même temps que le texte de toute la page (j'ai programmé mon fond d'écran fixe).
Comment faire, svp?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **Ymai** » 13 nov. 2006, 18:41

Bonjour
Je pense que la solution n'est pas triviale. Il faut tenir compte du navigateur du visiteur: tous n'interprètent pas correctement la position "fixed".

Pour Firefox, il suffit de déclarer un bloc en position "fixed".

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>titre</title>
</head>
<body>
test
<div  style="position: fixed; width: 217px; height: 168px; top: 82px; left: 281px; background-color: red;">test test test</div>
</body>
</html>

Pour IE, je ne sais pas. Pour les autres non plus, d'ailleurs.

jpbardiau · Message par **jpbardiau** » 13 nov. 2006, 18:54

Ymai a écrit :Pour IE, je ne sais pas. Pour les autres non plus, d'ailleurs.

Ca fonctionne sur tous les navigateurs "gecko based" (ex. Firefox), sur Opera, et sur IE7 (et supérieur

).
Edit : ça fonctionne probablement aussi sur les navigateurs fonctionnant uniquement sur Linux et Mac, mais je ne les connais pas.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

leeloo06110 · Message par **leeloo06110** » 13 nov. 2006, 19:28

merci de vos réponses, mais malheureusement j'ai changé la position "absolute" en "fixed" et le problème est toujours le même. Le site n'est pas encore publié, dommage, sinon je vous aurais envoyé l'adresse...
que faire?

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; DigExt; SV1)

Message par **Ymai** » 13 nov. 2006, 19:34

Peut-être quelqu'un pourrait-il bricoler un bout de code posté juste ici?
Je crois qu'il existe des solutions de type "bricolage".

kaihansen · Message par **kaihansen** » 13 nov. 2006, 22:35

Bonsoir,

Tu peux peut être adapter la solution que l'on m'avait donné.
Voir la:
http://www.geckozone.org/forum/viewtopic.php?t=45478

S'interesser plutot au bas de la première page et plus particulièrement sur le "*html" de Calimo.

a+

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

leeloo06110 · Message par **leeloo06110** » 14 nov. 2006, 10:05

ça ne fonctionne toujours pas

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **chinon37** » 14 nov. 2006, 10:33

Peux-tu mettre ici le code de ta page (copié-collé de source dans ton message, puis tu sélectionnes ce code dans le message et tu cliques sur code en haut du cadre de réponse)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

leeloo06110 · Message par **leeloo06110** » 14 nov. 2006, 10:48

avec la dernière aide, le menu ne bouge plus dans nvu mais dans l'aperçu: toujours.

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-15"
 http-equiv="content-type">
  <title>modele</title>
  <meta content="lou" name="author">
  <style title="modele" media="all" type="text/css">
body { font-family: Verdana;
font-size: 0.7em;
background-image: url(file:///C:/Program%20Files/Us/Plus/SITE/site%20lou/img/Zed_Art-Digital_01488.jpg);
speak: normal;
margin-left: 42%;
margin-top: 12%;
background-attachment: fixed;
background-repeat: no-repeat;
}
#menu { font-family: Verdana;
color: rgb(0, 0, 0);
text-decoration: none;
speak: normal;
font-size: 0.8em;
position: fixed;
}
*html #menu { font-family: Verdana;
color: rgb (0, 0, 0);
text-decoration: none;
speak: normal;
font-size: 0.8em;
position: fixed;
}
  </style>
</head>
<body style="direction: ltr;">
<br>
<br>
<br>
<br>
<div onmouseup="fixed" onmousedown="fixed"
 style="color: rgb(0, 0, 0); font-family: Verdana; font-size: 0.8em;"
 onmouseover="none" onmouseout="none" id="menu"><a
 style="color: rgb(0, 0, 0);" href="qsn"
 text-decoration="" none="" target="_self"><span
 style="text-decoration: none;">Qui
sommes-N/nous?</span></a><span
 style="color: rgb(0, 0, 0);"><span
 style="text-decoration: none;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><a
 onmouseout="none" onmouseover="none"
 style="text-decoration: none;" href="nrliste"
 target="_self"><span
 style="text-decoration: none; color: rgb(0, 0, 0);">Nos
r&eacute;cits</span></a></span><a
 onmouseout="none" onmouseover="none"
 style="text-decoration: none;" href="nrliste"
 target="_self"><span
 style="color: rgb(0, 0, 0); text-decoration: none;"></span></a><span
 style="color: rgb(0, 0, 0); text-decoration: none;">&nbsp;&nbsp;&nbsp;
&nbsp;</span><a
 style="color: rgb(0, 0, 0); text-decoration: none;"
 onmouseout="none" onmouseover="none" href="photos"
 target="_self">Photos</a></div>
<br>
<br>
<br>
</body>
</html>

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Message par **chinon37** » 14 nov. 2006, 11:10

Trois petites remarques:
- dans ton message, il fallait sélectionner ton code avant de cliquer sur "code" Tu peux encore corriger le message par "modifier"
- Internet explorer ne reconnait pas la position "fixed". Dans Firefox (nettement meilleur que IE), ton menu ne bouge pas au défilement de la page
- *html #menu -> il faut un espace entre * et html.

differents liens utiles pour la position fixe:(en provenance d'Alsacreations)
- http://www.ibilab.net/webdev/articles/C ... eurs-2.htm
- http://www.nanoum.net/blog/6_absolue_et_fixe.html
- http://tagsoup.com/-dev/null-/css/fixed/ (en)
- http://css-discuss.incutio.com/?page=Em ... Positoning (en)
- http://www.howtocreate.co.uk/fixedPosition.html
et
- http://limpid.nl/lab/css/fixed/ (en)
- http://css.alsacreations.com/modeles/modele13.htm
- http://css.alsacreations.com/modeles/modele14.htm

Bon courage

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

leeloo06110 · Message par **leeloo06110** » 14 nov. 2006, 11:23

Merci beaucoup, je vais bucher tout ça.
Etant débutante, ce n'est pas vraiment facile, mais je m'accroche et ce forum est une mine d'or.
Vous êtes tous formidables.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

leeloo06110 · Message par **leeloo06110** » 15 nov. 2006, 08:46

Je ne dois pas être douée, rien à faire pour que ce menu reste fixe.
Je crois que je vais me résigner.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)

Geckozone

Bloc de menu fixe [RESOLU]

Bloc de menu fixe [RESOLU]

Qui est en ligne ?