Bonjour.

Alors voilà j'ai un problème avec un de mes codes css. Je vous montre d'abord puis j'explique.



Donc voilà ce que ça me donne mais j'aimerai bien mettre le titre texte encadré en blanc au milieu du codage rose/beige mais avec un center c'est impossible. Je n'y arrive qu'en mettant des list.
Et pareil j'aimerai mettre le codage rose/beige au milieu du post mais cela reste toujours impossible même avec le center.

Et les espaces ne marchent pas non plus. Fin ils marchent mais si je souhaites en mettre 10 pour faire un plus grand espace ça ne marche pas.

Es-ce que vous savez comment faire ? ^^

Merci d'avance.

Salut, avec les codes ce serait mieux

EN effet désolé. ^^'

Pour le fond :

Code:

.fond1 {
  width: 600px;
    max-width: 600px; 
color: #AD9FA9;
padding-top: 12px;
padding-bottom: 12px;
font-family: Georgia;
font-size: 12px;
letter-spacing: 0px;
text-transform: lowercase;
border: 5px solid #907788;
background-color:  #E9DFDC;
border-top-left-radius: 18px 18px;
border-top-right-radius: 18px 18px;
border-bottom-right-radius: 18px 18px;
border-bottom-left-radius: 18px 18px; 
border-top-width: 2px;
border-right-width: 10px;
border-bottom-width: 2px;
border-left-width: 10px;
border-top-color: #EFEFEF;
border-right-color: #EFEFEF;
border-bottom-color: #EFEFEF;
border-left-color: #EFEFEF
}

Pour le titre :

Code:

.titre3 {
 
 width: 400px;
    max-width: 400px;
color: #907788;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
font-weight: normal;
font-family: Georgia;
font-size: 30px;
letter-spacing: 1px;
text-transform: lowercase;
text-shadow: #AD9FA9 0px 0px 5px;
opacity: 1;
-webkit-box-shadow:  #EFEFEF 0px 0px 20px, #EFEFEF 0px 0px 20px inset;
border: 5px solid #907788;
background-color:  #EFEFEF;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-color: #EFEFEF;
border-right-color: #EFEFEF;
border-bottom-color: #EFEFEF;
border-left-color: #EFEFEF;
padding:2px
}

Bonjour ! Pour centrer tes blocs CSS, il te suffit de rajouter un margin:auto; dans leur définition CSS ^^

J'en profite au passage pour relever un bout de ton code qui me perturbe :

Code:

border: 5px solid #907788;

border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
border-top-color: #EFEFEF;
border-right-color: #EFEFEF;
border-bottom-color: #EFEFEF;
border-left-color: #EFEFEF;

La ligne border: 5px solid #907788; définit une épaisseur, un style et une couleur pour les quatre bordures d'un bloc.

Or, juste après, tu redéfinis ces bordures en huit lignes (4 pour les épaisseurs et 4 pour la couleur) alors qu'il te suffirait simplement de réécrire la première ligne sous cette forme :

border: 2px solid #EFEFEF;