Mini image a gauche de l'article en page d'accueil
Bonjour,
j'utilise le plugin Vignette avec l'integration automatique désactiver.
Je voudrais que la vignete s'affiche a gauche de chaque article en page d’accueil juste a gauche du contenue de l'article.
J'ai donc modifier la page d'acceuil et mon css, l'image s'affiche mais pas correctement. l'image est au dessus du texte au lieu d'etre a gauche.
Dans home php:
Dans mon code css j'ai rajouter ça pour que l'image soit reduite mais ca ne marche pas:
Merci pour votre aide
j'utilise le plugin Vignette avec l'integration automatique désactiver.
Je voudrais que la vignete s'affiche a gauche de chaque article en page d’accueil juste a gauche du contenue de l'article.
J'ai donc modifier la page d'acceuil et mon css, l'image s'affiche mais pas correctement. l'image est au dessus du texte au lieu d'etre a gauche.
Dans home php:
[== PHP ==]
<?php include('header.php'); # On insere le header ?>
<div id="page">
<div id="content">
<?php while($plxShow->plxMotor->plxRecord_arts->loop()): # On boucle sur les articles ?>
<div class="post">
<h2 class="title"><?php $plxShow->artTitle('link'); ?></h2>
<div class="img_home">
<?php eval($plxShow->callHook("showVignette")); ?>
</div>
<?php $plxShow->artChapo(); ?>
</div>
<?php endwhile; # Fin de la boucle sur les articles ?>
<?php # On affiche la pagination ?>
<p id="pagination"><?php $plxShow->pagination(); ?></p>
</div>
<?php include('sidebar.php'); # On insere la sidebar ?>
</div>
<?php include('footer.php'); # On insere le footer ?>
Dans mon code css j'ai rajouter ça pour que l'image soit reduite mais ca ne marche pas:
[== CSS ==]
#img_home {
width:50px;
height:50px;
}
Merci pour votre aide
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
Je penses qu’il faut mettre un 'display: inline' sur ton contenu.
Ça serait plus simple de voir la page en 'live' si ton site est accessible.
Un simple "float:left" avec un padding à ajouter à ton image comme ceci :
Note aussi que ton code Css sur img home n'est pas pris en compte car il s'agit d'une class et non d'un div id :
Avant :
A remplacer par :
Par contre l'image n'est pas redimensionner, elle reste comme d'origine :8
Est-ce bien ce que tu cherchais a faire ?
http://www.alsacreations.com/tuto/liste/2-css.html
http://css.mammouthland.net/
Bon courage
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
Accès à mon dépôt de plugins et thèmes
installe PluXml plus vite que ton ombre avec kzInstall2