[Résolu] Aligné le chapo a droite

santinisantini Membres
11 mai modifié dans Entraide
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 :s

<?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
Mots clés:

Réponses

  • Kube17Kube17 PluXml Staff
    Hello :D
    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 ?

    MP - unkorneglosk.fr - Twitter - Je suis modérateur, je dois donc modérater. Ou modérationner. Ou je sais plus. Mais je le fais.

  • santinisantini Membres
    7 avril modifié
    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 :)
  • cpalocpalo Membres
    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%;
    }
    
  • santinisantini Membres
    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:
    8w9d.png

    Merci
  • cpalocpalo Membres
    8 avril modifié
    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..
  • santinisantini Membres
    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
  • Kube17Kube17 PluXml Staff
    11 mai modifié
    Ah oui si c'est ce que tu voulais faire c'est suffisant :pensive:

    Edit: je passe le sujet en résolu

    MP - unkorneglosk.fr - Twitter - Je suis modérateur, je dois donc modérater. Ou modérationner. Ou je sais plus. Mais je le fais.

Connectez-vous ou Inscrivez-vous pour répondre.