HTML et CSS casse tête pour une demande tellement simple...
Résolu
shaynne
Messages postés
32
Date d'inscription
Statut
Membre
Dernière intervention
-
shaynne Messages postés 32 Date d'inscription Statut Membre Dernière intervention -
shaynne Messages postés 32 Date d'inscription Statut Membre Dernière intervention -
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...
- Iphone 14 simple - Guide
- Editeur html - Télécharger - HTML
- Tête de parabole défectueuse - Forum TV & Vidéo
- Écran télé samsung cassé ✓ - Forum Téléviseurs
- Html br ✓ - Forum Webmastering
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*/
}
