Catégories: lignes verticales et horizontales des cellules

[TigreRouxDuCoux]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://celliacraft.forumactif.org

Description du problème

Bonjour, je voudrais garder les lignes horizontales des cellules des catégories mais pas les verticales (cf: http://celliacraft.forumactif.fr ).
Si on regarde la catégorie "Informations", sur la ligne "Annonce" il y a le nombre de sujets puis une ligne verticale, le nombre de messages puis une ligne verticale, le dernier message.
Je veux tout simplement enlever ces lignes verticales, j'ai déjà vu des aides qui proposent de changer une variable cellspacing ="0" mais celle-ci supprime les lignes horizontales qui séparent les forums et je veux les garder (Entre "Annonce" et "Images du serveur" par exemple il y a une ligne que je veux garder, pareils pour les autres)
Voila, je suis un peu compliqué mais quand on enleve toutes les lignes cela fait trop vide je trouve.
Merci d'avance pour vos réponses

[MlleAlys]

Bonjour,
Essayez en ajoutant le code suivant à votre feuille de style css :

Code:

/*séparation des cellules dans les categories*/
table.forumline {
    border-spacing: 0px 1px;
}

(la première valeur correspond à l'écart horizontal entre les cellules,donc à l'épaisseur des lignes verticales, et la deuxième à l'écart vertical entre les cellules, donc à l'épaisseur des lignes horizontales)

Cela correspond il à ce que vous souhaitiez ?

[TigreRouxDuCoux]

C'est exactement ça! Merci beaucoup

[TigreRouxDuCoux]

Ouf, j'ai eu le temps de remarquer une faille à cette manip avant qu'un moderateur me verrouille le sujet ^^.
Donc oui le rendu est super pour la page d'acceuil, mais quand on regarde un sujet il n'y a plus de ligne entre l'auteur et le message, il y aurait moyen d'en mettre une s'il vous plait ?

[MlleAlys]

Arf oui c'est vrai j'aurais dû y penser ><"
Je peux proposer soit ce code css, qui ne fera pas une ligne verticale entière mais juste une bordure à gauche du message :

Code:

div.postbody {
    border-left: 1px solid #858585;
}

Soit modifier le template pour ajouter une class afin d'avoir une "vraie" bordure ^^

[TigreRouxDuCoux]

C'est parfait merci !