Discussion :

[Raduga]

Bonjour j'ai un problème de centrage de la page avec menu déroulant.

1. Exemple voir la page.

http://107.parisqueridovip.com/site_.../en_needs.html

Le code CSS pour centrer la page et menu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#Centrage_page {
 
	position:absolute;
	width:100%;
	text-align:center;
        /* [disabled]height:791px; */
	/* [disabled]margin-left: -550px; */
	/* [disabled]margin-top: -395px; */
	/* [disabled]left: 50%; */
	/* [disabled]top: 50%; */
	/* [disabled]background-color: #F6F6F6; */
}
 
 
#Menu_deroulant {
 
	position:absolute;
	left:448px;
	top:108px;
	visibility:hidden;
	z-index:300;
}

=======================================================

1. Exemple voir la page.

http://107.parisqueridovip.com/site_...rtnership.html

Le code CSS pour centrer la page et menu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
#Centrage2 {
 
	position:absolute;
	width:100%;
	text-align:center;
        /* [disabled]height:791px; */
	/* [disabled]margin-left: -550px; */
	/* [disabled]margin-top: -395px; */
	/* [disabled]left: 50%; */
	/* [disabled]top: 50%; */
	/* [disabled]background-color: #F6F6F6; */
}
 
#Menu_deroulant_2 {
 
	position:inherit;
	left:50%;
	top:108px;
	visibility:visible;
	z-index:300;
	width: 210px;
	text-align: center;
	margin-left: -105px;
}

=====================================================

Le question est suivant.
Comment centrer la page et garder le menu en bon place , même si nous réduisons la taille de la fenêtre du navigateur? pour que ça soit adaptées aux tous navigateurs

Merci d'avance pour votre aide.

[rodolphebrd]

Bonjour,

voici les modifications à apporter à votre css

Dans la page:http://107.parisqueridovip.com/site_...rtnership.html

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#FWTableContainer651646061 {
position: relative;
width: 100%;
text-align: center;
}
#MMMenuContainer0316152354_0 {
position: inherit;
left: 50%;
top: -700px; /* oui c'est beaucoup!*/
visibility: visible;
z-index: 300;
width: 210px;
text-align: center;
margin-left: -105px;
}

Remarque: ce n'est pas la meilleure approche pour un site web aujourd'hui:
-utilisation de tableau
-menu simple en Javascript (et s'il est désactivé?)

[Raduga]

Bonjour . Merci pour le repense .

Je modifié le code voici le résultat Lorsque navigateur est réduit

Pour je connais rien en JavaScript. (comment désactiver ?) Je pense que il ne pas possible pour moi de changer le menu. De le départ je ne suis pas le développeur du site. Besoin juste le centrage de éléments.

Merci encore