Une cellule sans contenu mais affichée quand même?

**petozak** · 28/08/2006, 15h15

Bonjour,
Je dois affiché un tableau ou les cellules sont vides.
Le but de ce tableau est de pouvoir selectionner les cellules sans pour autant qu'il y'ait besoin d'afficher un espace.
En faisant <td>&nbsp</td>...
Le but est d'eviter que lorsque l'on passe au dessus d'une cellule celle ci se selectionne car elle possede un caractere "espace" dans ce case.

Bref comment avoir une cellule de taille fixe sans qu'il y'ait quelque chose dedans?

**KiLVaiDeN** · 28/08/2006, 15h18

Salut,

Et si tu mettais une image invisible à l'intérieur ?

**fallais** · 28/08/2006, 15h32

Code :

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

1
2
3
4
5
 
td {
width: 50px;
height:50px;
}

Non ?

**KiLVaiDeN** · 28/08/2006, 15h38

Le problème, c'est que le navigateur n'affiche pas la cellule TD, me semble-t-il, même si tu lui donnes une taille.

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<title>Landscape Printing</title>
<style type="text/css" media="print">
td.celluleVide {
width: 50px;
height:50px;
}
</style>
</head>
<body>
<table border="1">
	<tr>
		<td>test</td>
		<td id="celluleVide"></td>
	</tr>
	<tr>
		<td>test</td>
		<td>test</td>
	</tr>
</table>
</body>
</html>

La cellule n'est pas affichée.
Donc génèralement, en effet, on met un " ", mais ça a pour effet de décaller tout à l'affichage de la taille de l'espace insécable; pour lutter contre ça, tu peux mettre une image transparente à l'intérieur, je crois même qu'en lui donnant une taille à 0,0 ça devrait fonctionner.

A+

**petozak** · 28/08/2006, 16h06

Je voulais eviter l'image invisible...

Mais bon apparement pas le choix

**fallais** · 28/08/2006, 16h13

Non non on peut :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<head>
<style type="text/css">
table {
margin: auto;
border-collapse: collapse;
border: 1px solid;
}
td {
width: 100px;
height:100px;
border: 1px solid;
}
</style>
</head>
<body>
<table border="1">
	<tr>
		<td>test</td>
		<td></td>
	</tr>
	<tr>
		<td>test</td>
		<td>test</td>
	</tr>
</table>
</body>
</html>

**KiLVaiDeN** · 30/08/2006, 11h21

Salut,

Regarde ce code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<title>Page de test</title>
<style type="text/css">
BODY {
background-Color:EEEEEE;
font-family:Verdana,Arial;
font-size:11pt;
}
INPUT {
background-Color:EEEEEE;
border:0px;
font-family:Verdana,Arial;
font-size:11pt;
}
</style>
</head>
<body>
<form name="test">
Coucou, ceci est un test :)<br/><input type="text" size="50" name="test" value="Coucou, ceci est un test :)">
</form>
</body>
</html>

**petozak** · 30/08/2006, 11h52

Regarde a ton tour ce code (le tiens dans un tableau )

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
<html>
<head>
<title>Page de test</title>
<style type="text/css">
BODY {
background-Color:EEEEEE;
font-family:Verdana,Arial;
font-size:11pt;
}
INPUT {
background-Color:EEEEEE;
border:0px;
font-family:Verdana,Arial;
font-size:11pt;
}
</style>
</head>
<body>
<form name="test">Coucou, ceci est un test :)<br />
<table>
 
	<tr>
		<td><input type="text" size="50" name="test"
			value="Coucou, ceci est un test :)"></td>
	</tr>
		<tr>
		<td><input type="text" size="50" name="test"
			value="Coucou, ceci est un test :)"></td>
	</tr>
		<tr>
		<td><input type="text" size="50" name="test"
			value="Coucou, ceci est un test :)"></td>
	</tr>
</form>
</table>
</body>
</html>