28173 sujets

CSS et mise en forme, CSS3

Tableau sans bordure externe

Bonjour,

Ma question est relativement simple.

J'aimerais savoir s'il est possible de définir un tableau ayant un quadrillage intèrieur mais pas de bordure extèrieure.

Merci d'avance.
Pour moi ce n'est pas simple. Il faut faire la différence en les cellules qui sont cotés gauche, droite, haut et bas
C'est bien ce que je pensais, mais je ne peux pas utiliser cette solution.
J'utilise des JSP avec des JSF et le mieux que j'arrive à faire en jouant sur les bordure gauche, droite, haut et bas c'est d'avoir un tableau avec un quadrillage interne et deux côtés.

Enfin je vais continuer à chercher mais je crois qu'il n'y a pas vraiment de solution mon problème.
Bonjour,

Un bricolage simple: faire le tableau avec sa bordure externe d'un pixel, et utiliser clip pour rogner chaque côté d'un pixel...
Merci Laurent pour ton aide,

Mais je n'ai pas réussi à mettre en oeuvre la propriété CLIP.
D'après ce que j'ai pu lire sur cette propriété, il faut que le bloc conteneur soit positionné en absolu et dans mon cas je ne peux pas le sortir du flux.

Je vais donc utiliser les border-left, border-right, border-top, border-bottom pour me rapprocher le plus de l'affichage que je souhaiterais avoir.

Merci encore pour ta réponse.
Bonsoir,

Si le fond est une couleur, il est éventuellement possible de donner aux bordures du tableau la même couleur que ce fond. Par exemple s'il est blanc : 
table {
	border: 2px solid white;
	border-collapse: collapse;
}
td {
	border: 1px solid black;
}

il serait plus pratique d'utiliser la valeur transparent, mais cela ne fonctionne pas avec tous les navigateurs...
Modifié par Alan (19 Feb 2007 - 19:01)
Modérateur
Bonsoir

sinon pour reprendre l'idée du clipage et garder le tableau dans le flux:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>clippage en marge negatives</title>
<style type='text/css'>
table , td  {border:2px solid red; margin:-3px;}
div  {border:solid 9px green;float:left;overflow:hidden;}
</style>
</head>
<body>
<div>
<table>
<tr>
<td>ff</td>
<td>ff</td>
<td>ff</td>
</tr>
<tr>
<td>ff</td>
<td>ff</td>
<td>ff</td>
</tr>
</table>
</div>
</body>
</html>


un fottant englobant le tableau avec un overflow:hidden; et des marges negative au tableau de l'epaisseur de ses bordures.

Devrait simuler sans soucis la regles clip .

GC


<edit> un petit test pour avoir une reaction ?


http://gcyrillus.free.fr/essai/clippage-tableau-sans-clip-css.html

</>
Modifié par gcyrillus (24 Feb 2007 - 06:34)
Sujet clos
Aller à