Galerie PHP et attributs

Résolu/Fermé
Pictures - Modifié par Pictures le 19/02/2013 à 22:02
 Pictures - 20 févr. 2013 à 15:57
Bonjour,

Je suis webmaster d'un site avec une page remplie de photos quelconques.
J'ai fait recours au PHP pour afficher des centaines d'images *automatiquement.
J'utilise également une lightbox pour un effet un peu plus design. Tout fonctionne parfaitement mais cependant je fais maintenant face au problème suivant :
il m'est impossible d'utiliser les attributs/style me permettant d'espacer mes images.

Je m'explique, des centaines de miniatures sont "collées" les unes contre les autres, et je ne parvient pas à utiliser les notions suivantes :
cellpading, cellspacing, pading, border, vspace, hspace etc... il n'y a aucun changement. Peu importe si celles-ci sont dans un div ou directement dans le "echo" du PHP.
J'utilise la partie de code suivantes;


<?php   
 $adresse_normal = "xyz";   
 $tableau = scandir($adresse_normal);   
 $tableau = array_slice($tableau, 1);   
 unset($tableau[array_search('index.php', $tableau)]);   
 $tableau = array_slice($tableau, 0, xyz);   
 foreach($tableau as $image){   
  echo '<a rel="lightbox[xyz]" href="'.$adresse_normal.$image.'"><img src="'.$adresse_normal.$image.'" height ="65" alt="xyz"/></a>';   
}   
?>   

En changeant les "xyz" pas de réelles valeurs.
En espérant que vous puissiez m'aider,
merci !

A voir également:

3 réponses

ze-life-of-quent1 Messages postés 1573 Date d'inscription lundi 8 février 2010 Statut Membre Dernière intervention 17 octobre 2015 776
19 févr. 2013 à 23:41
Bonjour,
avez-vous essayé de « jouer » avec les marges directement dans le CSS? Essayez d'ajouter ceci dans le code HTML:
<style type="text/css">
body{
    margin: 5px
}
</style>

0
J'ai *joué avec les marge dans les classes css des <div> mais les images restent cependant collées
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
20 févr. 2013 à 08:19
Sur le site ou vous avez pris ce code, vous n'avez pas vu que les images utilisaient une class css ...?
0
J'ai pris exemple sur un tuto, qui n'utilisait pas de classe css (il me semble, je ne le retrouve plus), j'ai recherché d'autre tuto avec une classe sans succès.
0
Bonjour,

Le mieux serait de créer une classe spécifique aux miniatures :
.thumbnail {margin: 5px; border: none;}

Et modifier cette ligne :
echo '<a rel="lightbox[xyz]" href="'.$adresse_normal.$image.'"><img class="thumbnail" src="'.$adresse_normal.$image.'" height ="65" alt="xyz" /></a>';
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
20 févr. 2013 à 11:39
J'ai pris exemple sur un tuto, qui n'utilisait pas de classe css (il me semble, je ne le retrouve plus), j'ai recherché d'autre tuto avec une classe sans succès.

http://creer-un-site.fr
0
En effet, copier-coller et ça fonctionne...
Je ne vois vraiment pas ou j'ai pu *foiré pour que ça ne fonctionne pas....

Merci !
0
bg62 Messages postés 23609 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 9 juin 2024 2 367
20 févr. 2013 à 11:58
avant toutes autres choses : codé comment ?
0