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** · 28/08/2006, 16h46

Elwyn : Bonne idée !

Fini les   et autres images invisibles pour faire apparraitre les cellules alors ??

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

Elwin je suis impressionné chapeau bas

J'ai une autre question :
Comment rendre Le texte d'une cellule qui contient du texte inselectionnable?
Histoire de ne pas avoir la surbrillance de windows passer par dessus?

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

Code :

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

1
2
 
<td width="" unselectable="on">

Ca marche ?

Edit : J'ai vérifié ca marche qu'avec IE

**petozak** · 28/08/2006, 17h16

Ca marche mais pas super bien c'est a dire que si tu pointe de haut vers le bas ca passe la surbrillance par dessus

**KiLVaiDeN** · 28/08/2006, 17h17

Envoyé par petozak

Ca marche mais pas super bien c'est a dire que si tu pointe de haut vers le bas ca passe la surbrillance par dessus

Tu as aussi le choix d'afficher les données non selectionnables dans un input "formatté".

Ainsi la surbrillance du texte en général, ne permettra pas de selectionné le contenu de l'input.

**petozak** · 28/08/2006, 17h40

Peux tu me donner le formatage de l'input STP car avec un input standard , tu ne selectionne certes pas le text mais le field ce qui est tout aussi moche sur mon interface

**petozak** · 29/08/2006, 14h09

personne n'a une idée?

**KiLVaiDeN** · 29/08/2006, 22h59

Envoyé par petozak

personne n'a une idée?

Salut,

Si tu lui appliques un style ça va suffir non ?

Enlève les bordures etc, et le background color.

A+

**petozak** · 30/08/2006, 10h08

J'ai fait ca:

Code :

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

1
2
3
4
5
 
.month_input{
	border: 0;
	background-color: white;
}

et mon input ressemble une fois généré à :

Code :

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

1
2
3
 
<td unselectable='on' colspan='2' align='center'><input
class='month_input' value='1 T' size='2' unselectable='on'></td>

Quand tu passes au dessus IE le met en surbrillance avec le gris-bleu

C'est ce que je cherche à eviter

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