[Résolu] Aligné le chapo a droite

santini · avril 2019

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 · avril 2019

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 · avril 2019

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 · avril 2019

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 · avril 2019

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 · avril 2019

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 · avril 2019

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 · avril 2019

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

Edit: je passe le sujet en résolu

[Résolu] Aligné le chapo a droite

Réponses