Petite histoire de bordures...

[LittleChan]

Bonjour,

Je suis en train d'installer un thème sur un forum et mon souci se trouve au niveau des "bordures de tables" si je ne me trompe pas. En fait, j'ai rajouté une bordure sur chaque table de l'index, mais le souci c'est qu'on voit un angle de l'image de titre de catégorie.

Y a-t-il un moyen de faire passer la bordure par-dessus des images de fond de titre pour cacher les angles ?

D'avance merci ^^

LittleChan

[kheino]

Bonsoir,

Peux-tu donner le CSS que tu as mis pour ces "table" ?

[LittleChan]

Bonsoir,

J'espère que ce morceau suffira, sinon je peux donner tout le CSS.

Spoiler:

[kheino]

Si c'est par cet identifiant que tu es passée, ça devrait aller, oui da.

Essaie d'ajouter un padding d'environ 10 pixels.
Mais avant cela, mettre du radius, bords arrondis, que pour Mozilla, à l'ère où le CSS3 s'adapte à tous les navigateurs (sauf le cancre de IE) en ajoutant seulement quelques lignes de codes, est juste... impardonnable.
Donc voici le tout révisé pour que tous tes invités et tes membres, puissent aussi voir les zoulis effets du CSS3 :

/* Couleur écriture barre*/
.forumline {
border: 6px lightblue dotted;
-moz-border-radius: 10px; /*inutile puisque plus bas tu dis que ce n est que pour deux côtés et tu en changes la valeur*/
-moz-border-radius-bottomleft: 35px;
-moz-border-radius-topright: 35px;
-moz-border-radius: 0px 35px 0px 35px; /*ça va top-left, top-right, bottom-right, bottom-left*/
-webkit-border-radius: 0px 35px 0px 35px; /*pour Safari et Google Chrome*/
-o-border-radius: 0px 35px 0px 35px; /*pour Opera à partir de la version 10*/
-htm-border-radius: 0px 35px 0px 35px; /*pour autres navigateurs*/
border-radius: 0px 35px 0px 35px; /*pour Opera avant version 10 et IE pour les effets comme les arrondis*/
padding: 10px;
}

Cependant, pour les bords arrondis, les lignes -o- et -htm- ne sont pas nécessaires dans la mesure où ça fait longtemps que pratiquement tous les navigateurs les lisent, y compris ce cancre de IE.
Si je les ai mises, c'est juste pour te montrer la façon complète de coder du CSS3, dès qu'il y a du -moz- c'est que ces autres lignes doivent aussi y figurer pour les autres qui n'utilisent pas forcément Mozilla (et il y en a beaucoup).

[LittleChan]

Merci d'avoir complété pour les autres navigateurs ^^

Par contre, le padding ne fait que contourner mon souci... Il éloigne la bordure alors que j'aimerai que ça reste proche. Est-il possible de mettre la bordure par-dessus les tables par flottement par exemple ? Un padding négatif ? Ou d'arrondir les bords de l'index ? Malheureusement je ne peux que voir le css de base mais pas le modifier... Et je ne trouve pas la ligne qui pourrait éventuellement être modifiée...

[kheino]

Si tu peux modifier le CSS de base en reprenant l'identifiant dans la feuille de style CSS personnalisée.
En CSS, quand il s'agit du même identifiant, c'est ce qui est inscrit en dernier qui est actif.

[kidon]

il te serait aussi possible de changer tes images de catégories afin qu'elles s'adaptent à ton code

[LittleChan]

Bonsoir,

C'est ce que j'ai fini par faire bien que je n'ai réussi qu'à modifier l'image pour le bord gauche du forum.

Merci à tous, le sujet peut être clos.