HTML et CSS casse tête pour une demande tellement simple...

Résolu/Fermé
Signaler
Messages postés
32
Date d'inscription
samedi 29 décembre 2012
Statut
Membre
Dernière intervention
8 mai 2017
-
Messages postés
32
Date d'inscription
samedi 29 décembre 2012
Statut
Membre
Dernière intervention
8 mai 2017
-
Bonjour,

Voilà je viens sollicité une petite aide concernant mon code html et css établit.

Explications :

- Afin que le background s'adapte aux écrans, j'ai fixé sa taille à cover comme vous pourrez le constater avec ce code rien ne bouge même quand on dé zoom.

Jusque là tout va bien, mais mon soucis principal est celui de mon texte, j'ai passé des heures à essayer de comprendre pourquoi il ne voulais pas rester dans une table éventuelle et surtout centré sans parler qu'il change d'endroit selon les écrans...
Je suis bloqué alors voici mon code html :

<link rel="stylesheet" href="style5.css" type="text/css" />  
</head> 
<body> 
<div id="global" align="center"><maclasse><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
En cours de construction...<br><br><br><br> 
Merci pour votre compréhension<br><br><br><br> 
<br><br> 
<br><br><br><br></maclasse> 
</div> 

</center></div> 
</body> 
</html>



Et mon code css :
body 
{ 

 background: #FFFFFF url("designdeco.jpg") no-repeat; 
 position: reative; 
 background-size: cover; 
} 

maclasse 
{ 
text-align: center; 
font-family: eurostile; 
font-size: large; 
color: white; 
position: fixed; 

} 


En espérant que vous pourrez m'aider et arriver à voir plus clair que moi ;)

3 réponses

Messages postés
275
Date d'inscription
samedi 20 octobre 2012
Statut
Membre
Dernière intervention
26 juillet 2013
77
déjà, on va nettoyer ce code invalide :
  ...
  <link rel="stylesheet" href="style5.css" type="text/css" />  
</head> 
<body> 
  <div id="global"><p class="maclasse">
    En cours de construction...<br><br><br>
    Merci pour votre compréhension</p>
  </div>
</body> 
</html>

Et les <br> ne devraient pas être utilisés de cette façon...

pour le css on remplace maclasse par .maclasse (le point est important) et on ajoute :
#global {
  text-align: center; /*Tous les textes sont centrés*/
}
.maclasse { /*à fusionner avec le code existant*/
  margin-top: 21em; /*remplace les immondes <br>*/
  width: 100%; /*je ne suis pas sûr que ce soit necessaire*/
}
1
Messages postés
32
Date d'inscription
samedi 29 décembre 2012
Statut
Membre
Dernière intervention
8 mai 2017
6
Mdr !! Je dois le reconnaitre en effet...

Merci beaucoup pour cette précieuse aide, je test et reviens immédiatement te dire si tout fonctionne :)
0
Messages postés
32
Date d'inscription
samedi 29 décembre 2012
Statut
Membre
Dernière intervention
8 mai 2017
6
Tout fonctionne nikel et plus besoin des <br> un grand merci roptat !!
0