[Résolu] Aligné le chapo a droite

santini

Bonsoir,
Sur la page HOME j'aimerais que le chapô soit aligner a droite,j'ai essayer plusieurs code CSS mais il n'a pas bouger

<?php $plxShow->artChapo(); ?>

PAGE HOME.PHP

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

<section>

	<div id="container">

		<div class="width-sidebar">

			<?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?>

			<article role="article" id="post-<?php echo $plxShow->artId(); ?>">

				<header>
					<h1>
						<?php $plxShow->artTitle('link'); ?>
					</h1>
				</header>

				<section>
					<?php $plxShow->artChapo(); ?>
					<p>
						<?php $plxShow->lang('WRITTEN_BY'); ?> <?php $plxShow->artAuthor() ?> /
						<?php $plxShow->artDate('#num_day #month #num_year(4)'); ?> /
						<?php $plxShow->artNbCom(); ?>
					</p>
				</section>

				<footer>
					<p>
						<?php $plxShow->lang('CLASSIFIED_IN') ?> : <?php $plxShow->artCat(); ?> /
						<?php $plxShow->lang('TAGS') ?> : <?php $plxShow->artTags(); ?>
					</p>
				</footer>

			</article>

			<?php endwhile; ?>

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

			<div class="rss">
				<?php $plxShow->artFeed('rss',$plxShow->catId()); ?>
			</div>

		</div>

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

	</div>

</section>

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

Merci de votre aide les amis

Kube17

Hello
Tout dépends du thème que tu utilises ^^
Et ce que tu veux dire par aligner a droite.
Tu veux que le texte du chapo soit aligné a droite ou que le chapo soit sur la droite de l'écran ?

santini

Salut Kube17,
Voici le lien de mon site,je voudrais que le chapo reste sur cette meme ligne mais qu'il soit a droite dans le cadre:
https://buzz-local.fr/
J'utilise le theme "skya-1"
Dans l'attente de te lire je te remercie

cpalo

Bonsoir
Quand tu dis " le chapo soit à droite dans le cadre" tu veux inverser la position de l'image par rapport au texte dans le cadre?
Si c'est cela, il suffit d'ajouter une classe "float: right à la classe vignette.
.vignette { float: right;}

<section>
   <div class="vignette"><img src="data/medias/ddd.jpg" alt="ddd" /></div>blablabla<br />
   <p>
	Rédigé par Team Buzz-Local /
	07 avril 2019 /
	<a href="https://buzz-local.fr/index.php?article2/article-2#comments" title="0 Aucun commentaire">Aucun commentaire</a>					</p>
</section>

Si c'est la sidebar que tu souhaites avoir à gauche et tout le cadre du chapo ( vignette et texte), alors modifier le float de la sidebar en float right:

[== Indéfini ==]
.width-sidebar {
	float: left;
	width: 65%;
}

santini

bonjour,
merci de ton aide mais je me suis mal exprimer excuse moi.
En fet quand tu es sur la page d'accueil de mon site, tu a un cadre avec en titre "Premier article"
et dans ce cadre il y a une ligne de texte qui est la suivante "CONTENU DU CHAPO" ça ces le bout de texte que j'ai écrit dans le chapo.
sauf que je voudrais que cette ligne soit juste décaler a droite (sans rien bouger d'autre).
Ci-dessous un petit montage de ce que j'aimerais:


Merci

cpalo

Une piste, à vérifier...

[== Php ==]
<section>
   <div class="vignette"><img src="data/medias/ddd.jpg" alt="ddd" /></div>blablabla<br />
<div class=chapo-content">
   <p>
	Rédigé par Team Buzz-Local /
	07 avril 2019 /
	<a href="https://buzz-local.fr/index.php?article2/article-2#comments" title="0 Aucun commentaire">Aucun commentaire</a>
    </p>
</div>
</section>

[== Css ==]
.chapo-content { 
   float: right;
   text-align: right; }

Mais dans cet exemple Lire la suite et la date seront également à droite..

santini

Ah non mais la rien ne va plus, j'vais juste a aligné a droite via le panel d'administration :8 :8 :8 :8 :8
je suis tellement a fond dans le css en ce moment que je n'y avais même pas pensé mdr

Kube17

Ah oui si c'est ce que tu voulais faire c'est suffisant

Edit: je passe le sujet en résolu