Centrer colonnes et boites de news
TOONIE
-
TOONIE -
TOONIE -
Bonsoir,
J’ai un souci avec mes boites de news. Ma page est composée de 3 colonnes en CSS et mes boites dedans. Je n’arrive pas à centrer l’ensemble sur la page (tout est aligné à gauche) et il me semble aussi que mes boites sont alignées elles aussi à gauche dans les colonnes, et je n’arrive pas à centrer l’ensemble. Auriez-vous une solution, je ne trouve pas ?
.colonne { width:25%; float:left; margin-left:35px;}
Body {padding: 20px;background-color: #FFF; font: 76% Verdana,Arial,sans-serif}
div.news {width: 250px;background: #F0F0E7;margin-bottom: 20px; float:center;}
<div class="colonne">
<div class="news">
<h3>Académie de l'aurore</h3>
<p>Au début de la saison créative 2008, …</p>
</div>
<div class="news">
<h3>Ecole du Vril</h3>
<p>L'école du Vril organise …</p>
<p>L'objectif de ce stage ...</p>
</div>
<div class="news">
<h3>Etude des cristaux</h3>
<p>A partir de 2009, … </p>
<p>Parfois une pierre, …</p>
</div>
</div>
<div class="colonne">
<div class="news">
<h3>The Cosmic Predictability</h3>
<p>Le professeur ...</p>
</div>
</div>
<div class="colonne">
<div class="news">
<h3>DVD</h3>
<p>Le DVD du 23 novembre … </p>
</div>
</div>
D’avance merci pour votre aide.
TOONIE
J’ai un souci avec mes boites de news. Ma page est composée de 3 colonnes en CSS et mes boites dedans. Je n’arrive pas à centrer l’ensemble sur la page (tout est aligné à gauche) et il me semble aussi que mes boites sont alignées elles aussi à gauche dans les colonnes, et je n’arrive pas à centrer l’ensemble. Auriez-vous une solution, je ne trouve pas ?
.colonne { width:25%; float:left; margin-left:35px;}
Body {padding: 20px;background-color: #FFF; font: 76% Verdana,Arial,sans-serif}
div.news {width: 250px;background: #F0F0E7;margin-bottom: 20px; float:center;}
<div class="colonne">
<div class="news">
<h3>Académie de l'aurore</h3>
<p>Au début de la saison créative 2008, …</p>
</div>
<div class="news">
<h3>Ecole du Vril</h3>
<p>L'école du Vril organise …</p>
<p>L'objectif de ce stage ...</p>
</div>
<div class="news">
<h3>Etude des cristaux</h3>
<p>A partir de 2009, … </p>
<p>Parfois une pierre, …</p>
</div>
</div>
<div class="colonne">
<div class="news">
<h3>The Cosmic Predictability</h3>
<p>Le professeur ...</p>
</div>
</div>
<div class="colonne">
<div class="news">
<h3>DVD</h3>
<p>Le DVD du 23 novembre … </p>
</div>
</div>
D’avance merci pour votre aide.
TOONIE
A voir également:
- Centrer colonnes et boites de news
- Comment faire des colonnes sur word - Guide
- Classer par ordre alphabétique excel plusieurs colonnes - Guide
- Inverser deux colonnes excel - Guide
- Dans le fichier, générez ce tableau automatiquement (tableau croisé dynamique ou table de pilote) à partir des quatre premières colonnes. - Guide
- Centre de messagerie - Guide
A plus,
Toonie