Overblog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Aide et astuces pour creer et personnaliser un blog

Publicité

Découper un article en 2 colonnes

Une idée intéressante pour présenter vos articles en plusieurs colonnes, comme dans un journal papier.

Vous allez dans le mode source/HTML (comment ?) de votre article

Copiez ce pavé.

<DIV style="BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 2px solid; FLOAT: left; BORDER-LEFT: #990000 2px solid; WIDTH: 128px; COLOR: black; BORDER-BOTTOM: #990000 2px solid; HEIGHT: 37px; BACKGROUND-COLOR: #ffff00">Votre texte ici du bloc jaune</DIV>
<DIV style="BORDER-RIGHT: #990000 2px solid; BORDER-TOP: #990000 2px solid; FLOAT: right; BORDER-LEFT: #990000 2px solid; WIDTH: 128px; COLOR: black; BORDER-BOTTOM: #990000 2px solid; HEIGHT: 37px; BACKGROUND-COLOR: #66ffff">Votre texte ici du bloc bleu</DIV>Votre texte ici qui va entre les deux blocs

 Vous revenez en mode normal et remplacez les textes écrits.

Exemple

Votre texte ici du bloc jaune
Votre texte ici du bloc bleu

Votre texte ici qui va entre les deux blocs

 


Vous pouvez ensuite changer :

Les bordures : border

la couleur du fond : background-color en utilisant les codes couleur (où les trouver ?)

la couleur de l'écriture : color

la largeur : width

la hauteur : height

Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
A
Azines.
Répondre
O
Bonsoir, j'ai réussi à séparer les articles, cependant l'encadrement est trop proche du texte. n'y a t-il pas moyen de mettre une marge afin d'améliorer la visibilité?<br /> <br /> merci bien!!
Répondre