Discussion :

[ghis33]

Bonjour :

Voilà mon soucis :

-j'ai une image de fond qui fait 900x575px.
-j'aimerais mettre sur cette image mon menu a gauche et un coprs a droite.
-le probleme est quand j'agrandis ou je réduis la fenetre, le texte est totalement décallé par rapport au background-image et je ne sais pas comment faire pour que rien ne bouge,ni le menu et le texte,ni le background...

Merci pour vos réponses...

[MasterOfChakhaL]

Salut,

Avec un peu de code (html+css), ca sera surement plus facile de te répondre...

[ghis33]

Voilà ma balise body : donc une image centré qui se repete pas.

Code :

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

1
2
3
4
5
6
body
{
   background-image:url("../fond/Fond_Acceuil.jpg");
   background-repeat: no-repeat;
   background-position : center;
}

Voici ma balise texte :

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
#texte_block
{
  text-indent: 30px;
  font-size: 0.7em;
  color: white;
  font-family: "Verdana", "Trebuchet MS", Georgia, serif;
  text-align: justify; 
  width: 513px;
  height: 420px;
  overflow: auto;
  padding-left : 6px;
  padding-right : 6px;
  padding-top : 6px;
  text-align: justify;
  margin-left : 530px;
  margin-top : 220px;
}

quand la fenetre est en plein écran, le texte est a la bonne hauteur par rapport a mon body,mais si j'appuie sur f11 le texte remonte,ce qui est normal puisque le margin-top se fait par rapport a la fenetre,donc j'aimerais savoir si on peut le bloquer,que le texte ne bouge pas et reste au centre comme l'image...

[MasterOfChakhaL]

En même temps, vu que tu place le background au milieu.
Quand tu redimensionnes la fenêtre, le centre bouge...

Tu peux essayer de déterminer le background-position de manière fixe:

Code :

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

background-position: gauchepx toppx;

[ghis33]

je dois etre fatigué mais comment tu utilises ton code..?

Code :

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

background-position: gauchepx toppx;

Code :

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

background-position: gauche 60 px;

ca marche pas avec gauche.

Code :

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

background-position: left 60 px;

la ca me fait descendre l'image...alors que c'est left...

Code :

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

background-position: top 60 px;

la ca me le décale vers la droite alors que c'est top...

Code :

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

1
2
background-position: left 60 px;
background-position: top 60 px;

la ca marche pas...?

bizarre...? j'arrive pas a faire les deux en meme temps...peut etre IE...?

[Bisûnûrs]

Il n'y doit pas y avoir d'espace entre la valeur et les unités ..

60px et non 60 px.