28173 sujets

CSS et mise en forme, CSS3

Tableau NON encadré [résolu]

.Bonjour{
toutlemonde;
enforme;}

Bien... je me suis donc mis aux css façon homéopatique.
Et je me décide maintenant à risquer l'overdose...

Mais... cela crée des problèmes...

J'avais, dans les temps anciens un beau tableau html :

<TABLE FRAME=VOID BORDER=1 RULES=ALL...

Qui me donnait exactement ce que je souhaitais à savoir un tableau sans encadrement extérieur.
i.e. les cellules externes du haut du bas de gauche et de droite ouvertes sur le bord correspondant mais fermées sur les autres par une ligne de 1px.

Je cherche infructueusement à transposer ceci en CSS.

J'ai tout essayé... y compris les générateurs de CSS, je n'arrive jamais à me séparer de cette #@[] de &@[#] d'encadrement grisailloux...

Que faire ?
Modifié par aCOSwt (01 Apr 2007 - 20:37)
Bonjour à toi.

Tu n'arrive pas a passer tous tes arguments de ta table dans le css ?

Si oui, c'est que tu dois avoir quelques problemes de syntaxe.

Donne nous par exemple un tableau formaté sans css et on pourra plus t'aider.
Merci pour votre sollicitude dominicale.

L1C1 |L1C2 |L1C3
-----+-----+-----
L2C1 |L2C2 |L2C3
-----+-----+-----
L3C1 |L3C2 |L3C3

Voilà. Ce n'est pas plus compliqué que cela.
Pas d'encadrement du tableau.
C'est ce que j'obtenais avec :

FRAME=VOID BORDER=1 RULES=ALL

Mais avec mes css, quoi que j'essaye et j'obtiens toujours un encadrement complet. parfois grisé certes. mais il y a toujours quelque chose.
J'ai essayé plusieurs choses mais je ne suis pas arrivé a faire ce que tu demandes avec le css.
En effet c'est un tableau avec les lignes mais pas de bordures externes...

Je n'avais jamais utilisé cette forme de tableau et c'est pas plus mal pour la mise en forme css Smiley murf .

Désole de ne pas avoir pu t'aider.
Modifié par cazsan (01 Apr 2007 - 17:33)
Merci à toi d'avoir tout de même essayé.

J'essaye encore un peu et puis... il me restera 2 solutions :

1/ Virer cette #@[]# de #(@[@] de css et rester avec mes deux instructions qui font ce que je veux.

2/ garder les css et... faire mon tableau exactement comme je l'ai fait dans le post plus haut.
Finalement, c'est pas mal non plus.
Faudra juste que je trouve une fonte monospaced !

En fait, c'est en final très moral cette histoire.
Je fais une page sur les calculs matriciels...
Alors... forcément... un sujet pareil... c'est pour embêter les gens...

Alors... forcément... je devais m'arracher les cheveux pour la faire...
<!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="en" lang="en">
	<head>
		<title>
			 frame="void" border="1" rules="all"
		</title>
		<style type="text/css">
			td
			{
				border-width:1px;
				border-style:inset
			}
			.first td
			{
				border-top:none
			}
			.last td
			{
				border-bottom:none
			}
			td.first
			{
				border-left:none
			}
			td.last
			{
				border-right:none
			}
		</style>
	</head>
	<body>
		<table>
			<tr class="first">
				<td class="first">1</td>
				<td>2</td>
				<td class="last">3</td>
			</tr>
			<tr>
				<td class="first">4</td>
				<td>5</td>
				<td class="last">6</td>
			</tr>
			<tr class="last">
				<td class="first">7</td>
				<td>8</td>
				<td class="last">9</td>
			</tr>
		</table>	
	</body>
</html>

Nop ? Smiley smile
Gee !

Bravo et merci 20Cent !

Ya pas ! C'est clean et cela le fait.
Reste juste à ce que je ne m'embrouille pas les pinceaux dans la matrice 8x8.

Un chouïa plus compliqué que mon bon vieux code mais...
Allez... on ne va pas cracher dans la soupe.

20Cent... tu viens de sauver les css d'une mort certaine sur ma page...

Merci encore.
Sujet clos
Aller à