séparateur de catégorie

[rider74]

Bonjour,

J'ai rajouté un séparateur entre les catégories de ma galerie: http://robot.istase.com/galerie

J'y suis presque arrivé, sauf qu'en dessous de la dernière catégorie, il apparait 2 fois.
Cela est normal vu la méthode que j'ai utilisé.
J'ai rajouté cette ligne:

Code Select Expand

<img src="images/spacer1.gif" width="1000" height="1" border="" alt="" /> dans le fichier theme.php juste en dessous du deuxième:

Code Select Expand

<!-- End standard table -->

J'ai essayé une autre méthode en jouant avec les bordures des différents tableaux et la feuille de style mais je n'ai pas trouvé de solution.


Est ce que quelqu'un a déjà essayé de placer un séparateur comme ceci?
Si oui, comment faire pour éviter la redondance en bas de la page.

Merci d'avance

[rider74]

Désolé j'ai pas trouvé le bouton edit

Le problème se pose également lorsqu'on rentre dans une catégorie:
http://robot.istase.com/galerie/index.php?cat=2

[François Keller]

Bonjour, dans le fichier style.css du theme (eyeball)
cherchez

Code Select Expand

.catrow_noalb {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;

}

.catrow {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
 
}
et remplacez par

Code Select Expand

.catrow_noalb {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
  border-bottom: thin solid Red;
}

.catrow {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
  border-bottom: thin solid Red;
}
bien sur vous pouvez changer la couleur et la largeur en changeant les propriétés

[rider74]

Merci beaucoup ça marche, j'avais essayé un truc dans le même genre mais cela fut un échec

juste un détail, si d'autres personnes ont un jour besoin de faire la même chose
pour séparer les catégories, il faut mettre les bordures en top et non en bottom, ce qui donne le code suivant

Code Select Expand

.catrow_noalb {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
border-top: thin solid Red;
}

.catrow {
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
border-top: thin solid Red;
}

[François Keller]

pour séparer les catégories, il faut mettre les bordures en top et non en bottom

Exact, j'avais mal regardé le résultat sur ma galerie de tests  :-\