Différence d'interprétation si utilisation de class et/ou id

**malabarbe** · 24/08/2009, 09h28

Bonjour à tous,

Je positionne certainement class et/ou id
car sur l'image 1 :
- la redirection fonctionne bien
- le changement d'image aussi
- le décalage de l'image aussi

sur l'image 2 :
- la redirection fonctionne bien
- le changement d'image aussi
- le décalage de l'image non

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
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<style type="text/css">
a.bouton:hover 
	{ margin-left: 9px; } /* Décale l'image */
 
#bouton
	{ 
	cursor:pointer;		  /* Petite Main sur TR */
	margin-left: 9px;
	} 
</style>
</head>
 
<body>
<body bgcolor="#996633">
 
<table>
<!-- Choix 1 -->				
<a HREF="appels/appel_glst.php" target="bas_droite" class="bouton">
	<IMG border="0" onmouseover="this.src='images/mg2-02-c.gif'" src="images/mg2-02-f.gif"
		 alt=" Choix 1" onmouseout="this.src='images/mg2-02-f.gif'">
</a>	
</table>
 
<!-- Choix 2 -->
<table>
	<tr id="bouton"
		onClick="parent.frames['bas_droite'].location.replace('intro_2-z.php')">
		<td>
			<IMG border="0" onmouseover="this.src='images/mg2-01-c.gif'" src="images/mg2-01-f.gif"
	 					    onmouseout="this.src='images/mg2-01-f.gif'">
		</td>
	</tr>
</table>
</body>
</html>

la différence image 1 par (href) image 2 par (tr)

Un conseil me serai bien utile !

**Sergejack** · 24/08/2009, 10h07

Remplace margin par padding.

**malabarbe** · 24/08/2009, 10h14

Bonjour Sergejack,

Non, L'image 2 ne ce décale toujours pas de 9px

**Bisûnûrs** · 24/08/2009, 10h26

Plusieurs choses :

1. Même quand tu fais des tests, utilise toujours un DOCTYPE complet et valide.
2. Dans ton premier case, tu n'as même pas un code valide, tu as un lien directement dans une balise table ...
3. N'essaie pas de mettre des marges sur un TR, mais plutôt sur le TD ou mieux, sur l'image elle-même.
4. As-tu réellement besoin d'une structure en tableau ?

**malabarbe** · 24/08/2009, 10h55

Pour l'image 2,
si je place un class ou id sur td ou sur l'image, pas
d'action du décalage de l'image ni du cursor:pointer ?

Différence d'interprétation si utilisation de class et/ou id

CSS

Vue hybride

Discussions similaires

Partager

Partager