Largeur de colonne

Version imprimable

09/08/2009, 22h51
malabarbe

Largeur de colonne

Bonsoir,

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

Ou est l'astuce ?
09/08/2009, 23h49
tibotibo69

Salut,

Essaye de réduire la "width" de la balise <table>.
10/08/2009, 00h00
malabarbe

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 ?
10/08/2009, 02h02
obito

Salut !

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

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

Bonjour obito,

Ok, pour le code

C'est ok quand le lien est en texte

Code:

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:

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>

???

10/08/2009, 02h30
obito

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 ^^
10/08/2009, 02h38
malabarbe

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 ?

2 pièce(s) jointe(s)

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:

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.

10/08/2009, 11h00
tibotibo69
Citation:

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:

1 2 3 4 5 a.bouton:hover { margin-left: 8px; }
10/08/2009, 11h09
malabarbe

Ok tibotibo69,

J'ai modifié le code le résultat est identique
et certainement moins lourd !
10/08/2009, 13h28
malabarbe

Toujours dans ce script,

En plus du déplacement de l'image au survol,
comment changer d'image ?
10/08/2009, 13h36
tibotibo69

Avec un "onmouseover" :

Code:

<img src="./image.jpg" onmouseover='this.src="./image2.jpg"' alt="image" />
10/08/2009, 14h03
malabarbe

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 ?
10/08/2009, 15h50
malabarbe

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.

@ +