Submitted by mrcroc on
Bonjour à tous,
Je suis en train de mettre sur pied ma première galerie.
Elle est générée via CCK et ImageField pour l'insertion des images dans mon contenu.
(L'affichage est généré par Lightbox2)
Avec ImageCache j'ai créé un preset pour automatiser la création de vignettes.
Je sélectionne se preset en passant par l'onglet "Afficher les champs" de mon type de contenu.
Tout se passe bien lors de l'insertion des images dans mon contenu, mais voilà, les vignettes s'affichent sur une même colonne (cf capture d'ecran).
J'ai beau chercher, je tourne en rond !
Y-a t'il moyen de paramétrer l'affichage via Drupal ?
Faut-il éditer une feuille CSS ?
Merci d'avance pour vos solutions.
| Fichier attaché | Taille |
|---|---|
 vignettes-en-colonne.jpg | 27.88 Ko |
Forum :
Version de Drupal :
Bonsoir Par défaut toutes
Permalien Soumis par juliendubreuil le 20 Décembre, 2009 - 22:38
Bonsoir
Par défaut toutes tes images vont êtres empilées les unes en dessous des autres.
Oui il va te falloir jouer avec le CSS pour avoir l'affichage que tu souhaites.
Merci Julien pour ta
Permalien Soumis par mrcroc le 21 Décembre, 2009 - 00:39
Merci Julien pour ta réponse !
CCK génère bien une feuille de style par champ créé non ? J'utilise Firebug pour analyser les feuilles mais je ne trouve rien.
Sais-tu aussi quelle commande css appliquer dans mon cas ? Après recherches je n'ai pas trouvé.
Merci d'avance.
Une feuille de style CSS
Permalien Soumis par juliendubreuil le 21 Décembre, 2009 - 09:47
Une feuille de style CSS c'est le conteneur dans lequel tu inscris tout tes propriétés CSS. Tu as un feuille de style globale à ton site et non pas une feuille de style pour chaque champ.
En faite avec Firebug il faut que tu inspectes le code html de ton champ tu devrais avoir quelques chose comme ca (c'est un exemple je ne sais pas à quoi ca ressemble).
<div class="node-image"><ul class="photos">
<li class="photo-1">
</li>
<li class="photo-2">
</li>
<li class="photo-3">
</li>
</ul>
</div>
Tu obtiens donc des classes (photos, photo-1...) que tu pourra modifier dans le fichier style.css
Merci pour ton aide
Permalien Soumis par mrcroc le 23 Décembre, 2009 - 11:23
Merci pour ton aide Julien.
Je vais travailler là-dessus et je te tiens au courant.
Salut, Je suis pile poil
Permalien Soumis par tiffoun le 21 Décembre, 2009 - 22:28
Salut,
Je suis pile poil dans le même souci. Avec le même objectif de galerie et avec les mêmes outils et en plus au même stade à priori. Et en effet cette histoire de vignettes mal positionnées c'est agaçant. Je n'ai pas trouvé encore à quel endroit il faut triturer le css. J'ai été voir dans le node.tpl.php et on y trouve l'allusion à la classe "content" pour l'insertion du contenu du node (si je comprend bien)
<div class="content"><?php print $content?>
</div>
Mais impossible de trouver cette classe dans les feuilles css que j'ai arpenté.
Au point mort donc...
Tiens moi au courant si tu trouves avant.
Bye !
Salut Tiffoun, Je n'ai pas
Permalien Soumis par mrcroc le 23 Décembre, 2009 - 11:24
Salut Tiffoun,
Je n'ai pas encore eu le temps de me pencher sérieusement dessus. Mais je te tiens au courant si je trouve la solution.
N'hésite pas à faire de même :)
J’ai le même problème… Avez
Permalien Soumis par tednacip le 11 Juillet, 2010 - 23:23
J'ai le même problème... Avez vous trouvé la solution? Merci par avance !
Il faut que tu rendes tes
Permalien Soumis par dilune le 12 Juillet, 2010 - 15:45
Il faut que tu rendes tes images flottantes.
Voilà mon css:
.lightbox-processed img {
float:left;
margin:3px;
}
Tu peux voir un exemple du résultat ici
Merci pour ta réponse, le
Permalien Soumis par tednacip le 14 Juillet, 2010 - 16:40
Merci pour ta réponse, le problème c'est que ca aligne tout à gauche du coup...
j’ai la solution :
Permalien Soumis par tednacip le 14 Juillet, 2010 - 17:21
j'ai la solution : display:inline;