CSS Block

Résolu
Merlin59135 Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   -  
Merlin59135 Messages postés 9 Date d'inscription   Statut Membre Dernière intervention   -
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 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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   Statut Membre Dernière intervention  
 
Merci Jordan je vais essayer tout sa
0
Merlin59135 Messages postés 9 Date d'inscription   Statut Membre Dernière intervention  
 
Merci Jordan sa fonctionne gros gg a toi ;)
0