Galerie PHP et attributs

Résolu
Pictures -  
 Pictures -
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 !

3 réponses

Réponse 1 / 3
ze-life-of-quent1 Messages postés 1582 Date d'inscription   Statut Membre Dernière intervention   776
 
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
Pictures
 
J'ai *joué avec les marge dans les classes css des <div> mais les images restent cependant collées
0
Réponse 2 / 3
tryan44 Messages postés 1288 Date d'inscription   Statut Membre Dernière intervention   220
 
Sur le site ou vous avez pris ce code, vous n'avez pas vu que les images utilisaient une class css ...?
0
Pictures
 
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
ReDLoG
 
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   Statut Membre Dernière intervention   220
 
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
Pictures
 
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
Réponse 3 / 3
bg62 Messages postés 23731 Date d'inscription   Statut Modérateur Dernière intervention   2 409
 
avant toutes autres choses : codé comment ?
0