Petite histoire de bordures...

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Petite histoire de bordures...

Message par LittleChan le Mar 29 Nov 2011 - 12:04


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

LittleChan
*

Messages : 45
Inscrit(e) le : 03/08/2011

http://toshokan-senso.forums-rpg.com/
LittleChan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite histoire de bordures...

Message par Final-Blonde le Mar 29 Nov 2011 - 19:27

Bonsoir,

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

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite histoire de bordures...

Message par LittleChan le Mar 29 Nov 2011 - 21:16


Bonsoir,

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

Spoiler:
/* Couleur écriture barre*/
.forumline{
border: 6px lightblue dotted;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 35px;
-moz-border-radius-topright: 35px;
}

LittleChan
*

Messages : 45
Inscrit(e) le : 03/08/2011

http://toshokan-senso.forums-rpg.com/
LittleChan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite histoire de bordures...

Message par Final-Blonde le Mer 30 Nov 2011 - 7:29

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).

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite histoire de bordures...

Message par LittleChan le Mer 30 Nov 2011 - 18:18


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...

LittleChan
*

Messages : 45
Inscrit(e) le : 03/08/2011

http://toshokan-senso.forums-rpg.com/
LittleChan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite histoire de bordures...

Message par Final-Blonde le Lun 5 Déc 2011 - 13:02

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.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite histoire de bordures...

Message par kidon le Lun 5 Déc 2011 - 15:21

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

kidon
***

Masculin
Messages : 110
Inscrit(e) le : 06/12/2009

kidon a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petite histoire de bordures...

Message par LittleChan le Lun 5 Déc 2011 - 18:34


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.

LittleChan
*

Messages : 45
Inscrit(e) le : 03/08/2011

http://toshokan-senso.forums-rpg.com/
LittleChan a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum