[Résolu] Aligné le chapo a droite

santinisantini Member
mai 2019 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

  • 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 ?

    FR/EN MP - Mail - unkorneglosk.fr - Twitter - Je suis modérateur, je dois donc modérater. Ou modérationner. Ou je sais plus. Mais je le fais. En ce moment j'ai des problèmes d'accès à internet je peux mettre du temps à répondre.

  • santinisantini Member
    avril 2019 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 Member
    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%;
    }
    
  • 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 Member
    avril 2019 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..
  • 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 Member
    mai 2019 modifié
    Ah oui si c'est ce que tu voulais faire c'est suffisant :pensive:

    Edit: je passe le sujet en résolu

    FR/EN MP - Mail - unkorneglosk.fr - Twitter - Je suis modérateur, je dois donc modérater. Ou modérationner. Ou je sais plus. Mais je le fais. En ce moment j'ai des problèmes d'accès à internet je peux mettre du temps à répondre.

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