28220 sujets

CSS et mise en forme, CSS3

[ css ] Div : texte qui change de position quand la fenetre bouge

Bonjour a tous !

Etant nouveau dans le monde du css, je me trouve confronter à un petit soucis.
J'ai créé une page web en css.

En haut se trouve un image bandeau, et par dessus, un texte.
( jusqu'a la, rien d'extraordinaire).
( voir screen : http://www.lecourtier.net/01.jpg )

Hors mon soucis est le suivant :
quand la fenetre internet bouge ( se met a un niveau inferieur ) le texte de dessus l'image bouge aussi, se decale, et va a la ligne.

Comment faire pour que celui ci ne bouge plus ? Smiley smile

voila le code :

 body 
{

/* Couleur de l'arriere plan */
background-color:#31343B; 

/* La scrollbar */
scrollbar-3dlight-color: #70757C;
scrollbar-arrow-color: #F3F3F3;
scrollbar-base-color: #70757C;
scrollbar-face-color: #31353C;
scrollbar-highlight-color: #70757C;
scrollbar-shadow-color: #000000;
}


/* les differentes parties du tableau */


/* Le bandeau du haut */
#head { 

  background-image: url(header.jpg);
  background-repeat: no-repeat;
  background-position: center    
  width: 780px;
  height: 288px;
}

/* Le menu qui se trouve sur le bandeau du haut */
#menutitre {

position: absolute;
    height: auto;
    width: auto;
    left: 275px;
    top: 217px;
	}

/* Les polices */

/* La police de menu du bandeau du haut */
p {
color: #FFFFFF; 
font-size: 11px;
font-family: Arial;
word-spacing: 4px;

}
il faudrait que tu poste également le code de ta page principale STP pour qu'on puisse t'aider.

Je ne pense pas que ce soit ça mais il te manque un ; dans la partie bandeau
Sans code HTML (un exemple en ligne c'est mieux pour visualiser le problème), comment veux tu que nous t'aidions ?

Nous ne sommes pas devin ni magicien !!

Comme le dit Pops83, déjà le ";" manquant peut pose problème, donc première chose à faire, l'ajouter et voir ce que ça donne.
Modifié par Olivier (07 Jul 2005 - 17:41)
oui veuillez m'excuser ! Smiley confused

J'ai effectuer quelques changements !
J'ai regler le probleme de la maniere suivante :
j'ai centré ma page web bien au centre, par :

 <div align= center>


seulement, maintenant, ( sachant que c'est mon div principal, qui englobe tout qui est centrer, dès que j'ajoute un div, celui ci se centre aussi !! comment faire ?? Smiley decu

Mon probleme n'est pourtant pas compliqué :
Je voudrais que ma page web ( 780*800 ) soit centrée.

Voila mon code de la page web centrée,
mais ce code me pose le pb suivant : toutes les div se centre aussi !

HTML : 

 <html>
<head>
<title>Welcome to The Official Spinashland Website</title>
<link href="style.css" rel="stylesheet" type="text/css"> 
</head>

<body>

<div align=center> 
<div id="page">
<div id="haut">
<p>News  ::  Gallery   ::  Show Dates    ::    History  ::   Biography    ::  Forum   ::  Video   ::  MP3   ::  Albums</p>
</div>
</div>


</body>

</html>


CSS : 

 body 
{

/* Couleur de l'arriere plan */
background-color:#31343B; 

/* La scrollbar */
scrollbar-3dlight-color: #70757C;
scrollbar-arrow-color: #F3F3F3;
scrollbar-base-color: #70757C;
scrollbar-face-color: #31353C;
scrollbar-highlight-color: #70757C;
scrollbar-shadow-color: #000000;
}


/* les differentes parties du tableau */


/* Le bandeau du haut */

#page { 
	background-color: #454B55;
        width: 780px;
        height: 800px;
	}

#haut {
  background-image: url(head.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  width: 780px;
  height: 313px;
padding: 26% 0% 0% 7%
}


/* Les polices */

/* La police de menu du bandeau du haut */
p {
color: #FFFFFF; 
font-size: 11px;
font-family: Arial;
word-spacing: 5px;
Sujet clos
Aller à