HTML et CSS casse tête pour une demande tellement simple...
Résolu
shaynne
Messages postés
33
Statut
Membre
-
shaynne Messages postés 33 Statut Membre -
shaynne Messages postés 33 Statut Membre -
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 :
Et mon code css :
En espérant que vous pourrez m'aider et arriver à voir plus clair que moi ;)
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:
- HTML et CSS casse tête pour une demande tellement simple...
- 14 simple - Guide
- Editeur html - Télécharger - HTML
- Simple pdf - Télécharger - PDF
- Tête de parabole défectueuse - Forum TV & Vidéo
- Un mot est caché dans l’en-tête du document. pour le trouver, modifiez sa couleur. - Forum Word
3 réponses
déjà, on va nettoyer ce code invalide :
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 :
...
<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*/
}
