Largeur de colonne

**malabarbe** · 09/08/2009, 22h51

Bonsoir,

Je n'arrive pas a réduire la largeur d'un tableau
qui ne comporte qu'une colonne.

Ou est l'astuce ?

**tibotibo69** · 09/08/2009, 23h49

Salut,

Essaye de réduire la "width" de la balise <table>.

**malabarbe** · 10/08/2009, 00h00

Bonsoir tibotibo69,

Non, ce n'est pas cela quelque en soit
la valeur, cela ne change rien.

Par contre, tu m'a mis la puce à l'oreille :

Dans un Style CSS, un "width" me bloquais
a sa valeur.

Merci pour m'avoir éclairé !

PS : Aurais-tu connaissance d'une fonction
qui permette de ne pas afficher ce que contiennent
les liens dans la barre d'état ?

**obito** · 10/08/2009, 02h02

Salut !

http://www.developpez.net/forums/d74...n-barre-detat/

La première citation de code devrait t'intéresser

**malabarbe** · 10/08/2009, 02h13

Bonjour obito,

Ok, pour le code

C'est ok quand le lien est en texte

Code :

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

1
2
3
4
5
 
<tr>
<td>
<p align="center"><a onmouseover="self.status=' ';return true;" onmouseout="self.status=' ';return true;" href="ap.php" class="bouton">un Lien</a></td>
</tr>

Mais ne va pas quand c'est une image !

Code :

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

1
2
3
4
5
6
7
 
<tr>
<td height="32">
<p align="center">
<a onmouseover="self.status=' ';return true;" onmouseout="self.status=' ';return true;" href="ap.php" class="bouton" >
<img border="0" src="../images/new-g-01.gif" width="159" height="28"></a></td>
</tr>

???

**obito** · 10/08/2009, 02h30

Sur la dernière version d'ie ca fonctionne chez moi en plus (pas sur firefox en revanche) car sur FF on doit activer une option manuellement.

Mais sans esquiver le problème, je pense que ne pas afficher le lien dans la barre d'état ne met pas vraiment le visiteur en confiance, qui sait sur quel lien cela nous amènera sur je clique sur un lien en ne sachant pas où je vais ^^

**malabarbe** · 10/08/2009, 02h38

Au contraire, c'est par sécurité

Si on appelle la page en copiant le lien,
les variables de session ne sont pas prisent
en compte car la page appellée gère si l'appel
viens de la bonne page.

A tu testé mon code chez toi ?

**malabarbe** · 10/08/2009, 10h48

Bonjour à tous,

Bon, j'ai trouvé pour cacher mes liens

Pour ceux que sa pourrai intéresser, je joins le code et les 2 images du test.
Un petit plus, au survol de la souris, l'image se décale de quelques pixels sur la droite.

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<html>
<head>
 
<!-- Pour le décalage de l'image -->
<style type="text/css">
a.bouton
        {
        width:180px;
        text-align:center;
        display:block;
        border-width: 5px;
        text-decoration:none;
        }
 
a.bouton:hover 
        {
        border-top:5px; solid transparent;
        border-left:13px solid transparent;
        }
</style>
 
<!-- Pour cacher les liens -->
<script LANGUAGE="JavaScript">
function description(texte) {
    window.status = texte; 
    return true;
}
function effaceetat() {
    window.status="";
}
</script>
</head>
 
<body bgcolor="#7698BE">
<body topmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<p>&nbsp;</p>
 
<table border="0" id="table2" cellspacing="0" cellpadding="0" width="397" height="83">
	<tr>
		<td height="19">&nbsp;</td>
		<td height="19" width="217">&nbsp;</td>
	</tr>
 
	<tr><!-- Lien Visible -->
		<td height="32">
		<a href="http://www.google.fr" class="bouton">
		<img border="0" src="new-g-04.gif" width="159" height="28" align="left"></a></td>
		<td height="32" width="217">
		<p align="left">
		<b><font color="#FFFFFF">---> Lien Visible</font></b></td></tr>
 
	<tr><!-- Lien non Visible -->	
	<td height="32">
	<a HREF="http://www.gagsenstock.com/" class="bouton"
	   onMouseOver="effaceetat(); return true;"
	   onMouseOut="effaceetat();">
	<img border="0" src="new-g-05.gif" width="159" height="28" align="left"></a></td>	
	<td height="32" width="217">
	<p align="left">
	<font color="#FFFFFF"><b>---> Lien Invisible</b></font></td></tr>
 
</table>
</body>
</html>

Par retour, j'attends vos commentaires, critiques ou suggestions.

**tibotibo69** · 10/08/2009, 11h00

Envoyé par malabarbe

Un petit plus, au survol de la souris, l'image se décale de quelques pixels sur la droite.

Salut,

dans ton code, l'image ne se décale pas vraiment vers la droite c'est juste que tu lui attribue un border plus grand, le rendu est le même mais la façon de faire n'est pas vraiment la meilleure (je pense).

Essaye comme ça plutôt :

Code css :

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

1
2
3
4
5
a.bouton:hover {
 
    margin-left: 8px;
 
}

**malabarbe** · 10/08/2009, 11h09

Ok tibotibo69,

J'ai modifié le code le résultat est identique
et certainement moins lourd !

**malabarbe** · 10/08/2009, 13h28

Toujours dans ce script,

En plus du déplacement de l'image au survol,
comment changer d'image ?

**tibotibo69** · 10/08/2009, 13h36

Avec un "onmouseover" :

Code :

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

<img src="./image.jpg" onmouseover='this.src="./image2.jpg"' alt="image" />

**malabarbe** · 10/08/2009, 14h03

Ok pour ton code,

mais le soucis, c'est que le décalement de 8 pixels ne se fait plus

Comment intégrer ton code au mien ?

**malabarbe** · 10/08/2009, 15h50

Bon, j'ai finalement réussi a terminer mon menu
avec les attributs que je voulais.

Un grand Merci pour vos conseils et vos idées.

@ +

Largeur de colonne

HTML

Discussions similaires

Partager

Partager