CSS Block

Résolu/Fermé
Merlin59135 Messages postés 9 Date d'inscription vendredi 28 octobre 2016 Statut Membre Dernière intervention 25 avril 2018 - Modifié le 22 mars 2018 à 16:19
Merlin59135 Messages postés 9 Date d'inscription vendredi 28 octobre 2016 Statut Membre Dernière intervention 25 avril 2018 - 22 mars 2018 à 16:45
Bonjour, étant débutant dans le développement web j'apprend le CSS sur mon site j'ai fait un bock avec du texte, cool sa fonctionne après voulant en faire un deuxième avec le même code, sa fonctionne mais impossible de centrer le texte et sa position sur le site quelqu'un peut m'aider ?

CODE Block 1 qui fonctionne parfaitement :
div {
    width: 320px;
    padding: 10px;
    border: 5px solid gray;
    margin: auto;
    text-align : center;
    background-color: black; 
    
}

CODE Block 2 qui fonctionne a moitié :
div2 {
    width: 320px;
    padding: 10px;
    border: 5px solid gray;
    margin: auto;
    text-align : center;
    background-color: black;
}


EDIT : Ajout des balises de code
EDIT² : Déplacement de la question dans le bon forum !
A voir également:

1 réponse

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
22 mars 2018 à 16:20
Bonjour

En CSS .. il faut faire attention à quels éléments tu veux appliquer ton style.
Tel que tu as écrits ... cela signifie que tu appliques ton style à tous les éléments html de type DIV (pour le premier block) et DIV2 (pour ton second bloque...)

DIV2 ... ce n'est pas un élément html ....

Donc soit tu utilises des CLASS (dans ce cas il te faut faire précéder DIV2 par un point
<div class="DIV2">
  <! -- Tes autres trucs html -->
</div>

.DIV2 {
  /* les styles... */

Soit tu le cible via son ID .. et la faut un dièse
<div id="DIV2">
  <! -- Tes autres trucs html -->
</div>

#DIV2 {
  /* les styles... */



NB : Pour tes prochains messages, merci d'utiliser les balises de code
https://codes-sources.commentcamarche.net/faq/10686-le-nouveau-codes-sources-comment-ca-marche#balises-code

.
0
Merlin59135 Messages postés 9 Date d'inscription vendredi 28 octobre 2016 Statut Membre Dernière intervention 25 avril 2018
22 mars 2018 à 16:44
Merci Jordan je vais essayer tout sa
0
Merlin59135 Messages postés 9 Date d'inscription vendredi 28 octobre 2016 Statut Membre Dernière intervention 25 avril 2018
22 mars 2018 à 16:45
Merci Jordan sa fonctionne gros gg a toi ;)
0