Discussion :

[Xunil]

Bonsoir,

J'ai mit sur un tableau des bord arrondi sur les 4 coins.
La première et dernière ligne n'ont donc pas de bordures.

Sur IE, pas de problème, l'image est bien positionnée comme il faut des 2 côtés.

Cependant, sur FF, et Opera, l'image ne se positionne pas comme il faut.

Avec FF, c'est le bord gauche qui subit le décalage, tandis qu'avec Opera, c'est le bord droit

J'ai donc tenté de mettre un background-position négatif, mais ça ne fonctionne pas.

Est-ce qu'il y aurait une solution ?
Au moins pour FF.

Merci.

[Bisûnûrs]

Normalement un background négatif fonctionne :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

background:url(adressedetonimage) 0 -10px no-repeat;

[Xunil]

c'est ce que j'ai fait, mais ça ne fonctionne pas, tout du moins sur une cellule de tableaux.

Je suis dans l'impasse.

Je vais essayé en mettant un bloc dans la cellule, et d'appliquer le background négatif sur lui, mais j'y crois pas beaucoup.

[Bisûnûrs]

On peut voir ton code ?

[Xunil]

Oui, mais c'est la même chose que ce que tu as fait.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
td.forumBasGauche{
	height: 30px;
	background: #c0c0c0 url(design/forumBasGauche.png) 0 -1px no-repeat;
	border: 0;
}

[Bisûnûrs]

Je parlais de ton code entier avec la structure du tableau.

[Xunil]

Bon en fait, c'est l'inverse, donc -1px 0

En mettant une grande valeur, j'ai constaté que l'image est bien décalée, mais elle est rognée...

Donc comme s'il y avait un emplacement réservé pour la bordure.

J'ai tenté en mettant un div avec un background position identique, mais même résultat.

J'en suis donc arrivé à ça :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
td.forumBasGauche{
	height: 30px;
	padding: 0;
	border: 0;
}
 
td.forumBasGauche div{
	height: 30px;
	margin-left: -1px;
	width: 100%;
	background: #c0c0c0 url(design/forumBasGauche.png) no-repeat;
	border-right: 1px solid #c0c0c0;	
}

J'ai été obligé de compenser en mettant un border right.

Si vous avez une autre solution, je suis preneur

Edit: Ah ok, je trie le css car il y a 600 lignes et je te le met.