Placer la date devant le titre

Ainsi :



On commence par la date.

Vous allez dans le CSS et vous complétez la ligne

.date     { width:10%; color: #d8e2ec;text-align:center;font-size: 9pt;font-weight:bold; background-color:#3c4157;margin-left:10px;border:1px solid #d8e2ec;margin-bottom:-50px; }

width:10% : la largeur du pavé date
color: #d8e2ec; : la couleur de l'écriture
text-align:center : le centrage dans le pavé
font-size: 9pt : la taille de la police
font-weight:bold : la police est en gras
background-color:#3c4157; : la couleur de fond du pavé
margin-left:10px; : la marge pour que le pavé ne soit pas collé à gauche
border:1px solid #d8e2ec : l'encadrement du pavé
margin-bottom:-50px; on abaisse le pavé pour qu'il se place devant le titre de l'article

On s'occupe maintenant du titre

Toujours dans le CSS, vous rajoutez ou complétez cette ligne

.divTitreArticle h2 { border:2px solid #000033; background-color:#3c4157;width:85%;margin-left:15%; }

border:2px solid #000033 : l'encadrement du titre
background-color:#3c4157 : le fond du titre
width:85% : la largeur du titre. Pour la calculer : 100% (largeur totale de l'article) - 10 % (largeur de la date) - 5% marge entre la date et l'article
margin-left:15%; : marge à gauche du titre. Pour la calculer : 100% (largeur totale de l'article) - 85% (largeur du titre)

Comments

[Koulou (flegroll)]

Raaah ! J'y arriverai jamaiiiis ! c'est top compliqué pour moi le CSSsssssss ! snif snif ! prtant je referai bien mon design...

et bizz aussi en passant hop !

[stella:0040:]

Bonjour Anna,
Je suis de retour après plus de 2 semaines d'absence forcée.
Je pense que tu as du revenir de vacances et espère qu'elles ont été bonnes.
Je tenais à te faire ce petit coucou, à toi, la femme tolérante et serviable que tu es.
Bisous Anna