Sujet Précédent Sujet Suivant

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

Résolu/Fermé
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 - Modifié par shaynne le 29/12/2012 à 16:54
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 - 29 déc. 2012 à 17:35
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 ;)
A voir également:

3 réponses

Réponse 1 / 3
roptat Messages postés 276 Date d'inscription samedi 20 octobre 2012 Statut Membre Dernière intervention 26 juillet 2013 77
29 déc. 2012 à 17:09
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
Réponse 2 / 3
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 6
29 déc. 2012 à 17:15
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
Réponse 3 / 3
shaynne Messages postés 32 Date d'inscription samedi 29 décembre 2012 Statut Membre Dernière intervention 8 mai 2017 6
29 déc. 2012 à 17:35
Tout fonctionne nikel et plus besoin des <br> un grand merci roptat !!
0

Discussions similaires

Transparence en tete et bas de page
Sabrina -
sabrina -

8 réponses
Mon écran de télé est cassé
Ugor1999 -
Utilisateur anonyme -

6 réponses
WORD en-tete au premier plan
Schumi -
Baguette -

16 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
teste tete parabole
Michle -
Andy31200 -

5 réponses