Separation entre deux article ? (Resolu)

santini · mars 2016

Bonsoir a toutes et a tous,
J'utilise actuelement le theme One-Penny: http://ressources.pluxml.org/?theme98/theme-one-penny
J'ai un gros trou de mémoire, je voudrais que les article en page d'acceuil soit séparer et qu' entre chaque article ont puisse voir le fond du site.

-Article 1 (avec tout le tralala titre, date, contenue etc)
Espace
-Article 2 (...)
-Espace

Etc....

CSS:

[== CSS ==]
#content-wrapper
{
	width: 600px;
	float: left;
}

#content
{
	float: left;
	padding: 15px;
	line-height: 1.6em;
	text-align: justify;
	background:#ffffff;
	border-radius: 15px 15px 15px 15px;
}

#content .commentbox {
	color: #918E85;
	background-color: #FBF4E2;
	padding: 2px 2px 2px 5px;
	border-top: solid #D4CBB4 1px;
	border-bottom: solid #D4CBB4 1px;
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 10px;

Merci pour votre aide.

cpalo · mars 2016

Sans la structure de la page c'est un peu difficile, mais en jouant sur les marges entre les articles ou les wrapper, le background peut devenir visible.
Ce que tu recherches est-ce un peu comme sur ce site ( en cours de refonte) ici ?

santini · mars 2016

Salut cpalo,
Oui ces ce que je voudrais faire :8 mais je bloque vraiment pour le coup lol
je veut juste séparer les article et que entre les article ont puisse voir l'image de fond

Structure de la page home:

[== PHP ==]
<?php include(dirname(__FILE__).'/header.php'); ?>

<div id="content-wrapper">

	<div id="content">

	<?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?>
	
		<h3 class="post-title"><?php $plxShow->artTitle('link'); ?></h3><br />
		<span class="date"><?php $plxShow->lang('WRITTEN_BY') ?> <?php $plxShow->artAuthor() ?> le <?php $plxShow->artDate('#num_day #month #num_year(4)'); ?></span>
		
		<p><?php $plxShow->artChapo(); ?></p>

		<div class="commentbox"><?php $plxShow->lang('CLASSIFIED_IN') ?> : <?php $plxShow->artCat(); ?> - <?php $plxShow->lang('TAGS') ?> : <?php $plxShow->artTags(); ?> - <?php $plxShow->artNbCom(); ?></div>


	<?php endwhile; ?>
		
	<p id="pagination"><?php $plxShow->pagination(); ?></p>

	</div>		

</div>

<?php include(dirname(__FILE__).'/sidebar.php'); ?>
<?php include(dirname(__FILE__).'/footer.php'); ?>

Beduck · mars 2016

Salut,

Il ne faut pas mettre ta couleur de fond sur ton div "content" mais sur un div suplémentaire dans ta boucle par exemple "article".
Et ensuite mettre un "margin-bottom" sur cet "article".

santini · mars 2016

Merci beaucoup !
J'ai modifier mon code comme suit:

[== PHP ==]
<?php include(dirname(__FILE__).'/header.php'); ?>

<div id="content-wrapper">

	<div id="content">
	<?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?>
	<div id="color-fd">
		<h3 class="post-title"><?php $plxShow->artTitle('link'); ?></h3><br />
		<span class="date"><?php $plxShow->lang('WRITTEN_BY') ?> <?php $plxShow->artAuthor() ?> le <?php $plxShow->artDate('#num_day #month #num_year(4)'); ?></span>
		
		<p><?php $plxShow->artChapo(); ?></p>

		<div class="commentbox"><?php $plxShow->lang('CLASSIFIED_IN') ?> : <?php $plxShow->artCat(); ?> - <?php $plxShow->lang('TAGS') ?> : <?php $plxShow->artTags(); ?> - <?php $plxShow->artNbCom(); ?></div>
    </div>

	<?php endwhile; ?>
		
	<p id="pagination"><?php $plxShow->pagination(); ?></p>

	</div>		

</div>

<?php include(dirname(__FILE__).'/sidebar.php'); ?>
<?php include(dirname(__FILE__).'/footer.php'); ?>

Separation entre deux article ? (Resolu)

Réponses