Rechercher : dans
Par :

Page HTML mobile avec menu fixe

Dernière réponse le 14 oct 2009 à 15:56:18 pupuce, le 13 oct 2009 à 17:47:43 
 Signaler ce message aux modérateurs

Bonjour,

sur un de mes page web jais une longue série d'images, pour un effet sympa jais mis un papier en fixe.

je voudrai maintenant la barre de menu en fixe pour quelle soit toujours coller en haut de la fenêtre de navigation et que tout le reste continue d'être mobile.

comment faire ?

Configuration: Windows XP
Firefox 3.5.3

Meilleures réponses pour « Page HTML mobile avec menu fixe » dans :
On peut cacher le code source d'une page HTML VoirMythe: On peut cacher le code source d'une page HTML. Réalité: FAUX. Explications: Pour pouvoir afficher une page web (HTML), le navigateur doit - à un moment où un autre - avoir le code HTML en clair. Il y a donc toujours moyen de le...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Structure d'un document HTML VoirNotion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...

1

M@dien, le 13 oct 2009 à 17:54:27

Bonjour,

Et bien pour cela, il suffit de mettre du code CSS à peu près comme ça:

#menu {
    position:fixed;
    z-index:100;
    top:0px;}

Le z-index permet de placer le menu au dessus des autres éléments de la page (à condition que les z-index des autres éléments soient inférieurs). Pour plus de rapidité, expliquez bien votre problème, cela é­vitera des échanges inutiles.
Si vous ne prenez pas le temps d'écrire en français correct,­ 
on ne prendra peut-être pas le temps de vous répondre...
Pensez-y.

Répondre à M@dien

2

pupuce, le 13 oct 2009 à 18:27:31

Sa ne don pas je que je veux.

pour exemple je voudrais que sa se present un peux comme sur myspace

Répondre à pupuce

3

Franz Liszt, le 13 oct 2009 à 18:34:13

Sinon tu fais une div menu et à l'intérieur tu fais un borfer-top (valeur de l'écartement entre ton menu et le haut de la page).
Si j'ai bien compris ta question (?)

Répondre à Franz Liszt

4

M@dien, le 14 oct 2009 à 09:28:57

Un exemple de page myspace où tu as l'effet voulu?

Et mon code CSS est à adapter au niveau de l'ID du menu, il est possible que ça ne fonctionne pas directement si l'ID ne correspond pas. Pour plus de rapidité, expliquez bien votre problème, cela é­vitera des échanges inutiles.
Si vous ne prenez pas le temps d'écrire en français correct,­ 
on ne prendra peut-être pas le temps de vous répondre...
Pensez-y.

Répondre à M@dien

5

pupuce, le 14 oct 2009 à 10:11:32

Bon je ne suis pas sur d'être clair dans ma façon d'expliqué voila donc l'exemple type de ce que je veux faire.
http://blog.damienalexandre.fr/
vous verrez, sur se site il y a une bar tout en bas qui ne bouge pas quand on scroll.

Répondre à pupuce

6

XxIncontournablexX, le 14 oct 2009 à 10:28:10

Salut,
M@dien a raison c'est qu'en position fixed qu'on obtient cet effet , si tu me crois pas tu n'as qu'a vérifié toi même sur ton fameu blog avec firebug par exemple Body {
        width:10cm; 
        height:22cm;
        color:Bronzééééé;
        Taille:178cm;
        Poids:68kg;
        Travail : 100% fainéant !important;
}
        
       

Répondre à XxIncontournablexX

7

pupuce, le 14 oct 2009 à 11:20:17

Dessolé oui sa marche position fixed ( mes pas avec IE alors que l'exemple oui), j'avais du mal me démerde

Répondre à pupuce

8

M@dien, le 14 oct 2009 à 15:40:14

Le position:fixed n'est pas compatible avec la version 6 de IE. avec IE7 et IE8 ça fonctionne.
Dans le cas de ce site, il utilise une astuce pour le rendre compatible, avec les commentaires conditionnels:

<!--[if lt IE 7]>
<style type="text/css" media="screen">
	#fixed-footer {
		position: absolute;
        top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
	 }
</style>
<![endif]-->
Pour plus de rapidité, expliquez bien votre problème, cela évitera des échanges inutiles.
Si vous ne prenez pas le temps d'écrire en français correct, 
on ne prendra peut-être pas le temps de vous répondre...
Pensez-y.

Répondre à M@dien

9

 pupuce, le 14 oct 2009 à 15:56:18

Merci pour tout

Répondre à pupuce
Collection CommentÇaMarche.net