positionnement multiple images

**thierryG** · 26/06/2006, 17h05

Bonjour
J'ai un souci dans le positionnement d'images dans un tableau. Mon motif est découpé en plusieur images. Les boules servent de lien.Cependant lorsque j'ajoute les bases <a> autour de la balise <img> il y a un décalage qui s'opère.
Je ne vois pas du tout d'où cela peut provenir.

merci

**navis84** · 27/06/2006, 09h13

Peux-tu poster les parties HTML et CSS du code ?

**thierryG** · 27/06/2006, 12h36

voici une nouvelle copie d'écran. J'ai volontairement mis le fond en rouge pour mettre en avant les différences.
Il semblerait que ce soit les balises <a> qui mettent des perturbations. Et pourtant j'ai pris soin de mettre border=0 dans l'image.
voici le code qui correspond à l'image jointe:

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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
 
<table border='0' cellpadding='0' cellspacing='0' width='100%' height='100%' >
	<tr>
		<td>
			<img src="images/InterfaceBleuNuit/espaceur.gif" width=63 height=1></td>
		<td>
			<img src="images/InterfaceBleuNuit/espaceur.gif" width=54 height=1></td>
		<td>
			<img src="images/InterfaceBleuNuit/espaceur.gif" width=28 height=1></td>
		<td>
			<img src="images/InterfaceBleuNuit/espaceur.gif" width=27 height=1></td>
		<td>
			<img src="images/InterfaceBleuNuit/espaceur.gif" width=29 height=1></td>
		<td>
			<img src="images/InterfaceBleuNuit/espaceur.gif" width=144 height=1></td>
		<td rowspan=4 width='100%'>
			<img name=titre src=img/vide.bmp width=415 height=27>
			<?php if(isset($_GET['Titre'])) echo"$_GET[Titre]";?>
		</td>
	</tr>
	<tr>
		<td colspan=6 width=345 height=51 valign='top'>
			<img src="images/InterfaceBleuNuit/interface-21b_01.gif" width=345 height=51></td>
	</tr>
	<tr>
		<td colspan=6 width=345 height=42 valign='top'>
			<img src="images/InterfaceBleuNuit/interface-21b_02.gif" width=345 height=42></td>
	</tr>
	<tr>
		<td colspan=6 width=345 height=41 valign='top'>
			<img src="images/InterfaceBleuNuit/interface-21b_03.gif" width=345 height=41></td>
 
	</tr>
	<tr>
		<td colspan=2 width=117 height=52 valign='top'>
			<img src="images/InterfaceBleuNuit/interface-21b_04.gif" width=117 height=52></td>
		<td colspan=2 width=55 height=52 valign='top'>
			<a href='Pages.php?Page=ProjAff' target='MainFrame' style=' text-decoration:none'
			 onMouseOver="On('PedagoResume')"
			 onMouseOut="Off('e2')">
				<img src="images/InterfaceBleuNuit/interface-21b_05.gif" border='0' width=55 height=52>
			</a>
		</td>
		<td width='29' height='52' valign='top'>
			<?php
                        // Affichage des différents projets
                        if(1)
                        echo"
                                <a href='Pages.php?Page=Acc' target='MainFrame'>
                                        <img src='images/InterfaceBleuNuit/interface-21b_06.gif' border='0' width='29' height='52'>
                                </a>
                        ";
                        else
                        echo"
                                        <img src='images/InterfaceBleuNuit/interface-21b_06.gif' border='0' width='29' height='52'>
                        ";
                        ?>
		</td>
		<td rowspan='6' colspan='2' valign='top' height='100%'>
			<!--<img src="images/interface-21b_07.gif" width=144 height=256>-->
			<iframe name='MainFrame' allowtransparency='1' style='border-style:none; border-width:0' height='100%' width='100%' scrolling='auto' src="Pages.php?Page=ProjAff"></iframe>
		</td>
 
	</tr>
	<tr>
		<td rowspan=2 width=63 height=117 valign='top'>
			<img src="images/InterfaceBleuNuit/interface-21b_08.gif" width=63 height=117></td>
		<td width=54 height=65 valign='top'>
			<?php
                        echo"
                        <a href='Pages.php?Page=CdCAff' target='MainFrame'
                         onMouseOver=\"On('PedagoCdC')\"
                         onMouseOut=\"Off('e2')\">
                                <img src='images/InterfaceBleuNuit/interface-21b_09.gif' border='0' width='54' height='65'>
                        </a>";
                        ?>
		</td>
		<td rowspan=3  width=28 height=161 valign='top'>
			<img src="images/InterfaceBleuNuit/interface-21b_10.gif" width=28 height=161></td>
		<td colspan=2 rowspan=4 valign='top'>
			<img src="images/InterfaceBleuNuit/interface-21b_11.gif" width=56 height=204></td>
	</tr>
	<tr>
		<td width=54 height=52 valign='top'>
			<?php
                        echo"
                        <a href='Pages.php?Page=SpecAff' target='MainFrame'
                        onMouseOver=\"On('PedagoSpec')\"
                         onMouseOut=\"Off('e2')\">
                        <img src='images/InterfaceBleuNuit/interface-21b_12.gif' border='0' width=54 height=52>
                        </a>
                        ";
                        ?>
		</td>
	</tr>
	<tr>
		<td rowspan=2 width=63 height=87 valign='top'>
			<img src="images/InterfaceBleuNuit/interface-21b_13.gif" width=63 height=87></td>
		<td rowspan=2 width=54 height=87 valign='top'>
			<?php
                        // Affichage de l'avancement des différents projets
                        echo"
                        <a href='Pages.php?Page=AvancAff' target='MainFrame'
                        onMouseOver=\"On('PedagoAvanc')\"
                         onMouseOut=\"Off('e2')\">
                                <img src='images/InterfaceBleuNuit/interface-21b_14.gif' border='0' width=54 height=87>
                        </a>
                        ";
                        ?>
		</td>
	</tr>
	<tr>
		<td width=28 height=43 valign='top'>
			<img src="images/InterfaceBleuNuit/interface-21b_15.gif" width=28 height=43></td>
	</tr>
	<tr>
		<td colspan='5' height='100%'>
			<iframe name='ListFrame' allowtransparency='1' style='border-style:solid; border-width:1; bottom:0;' height='100%' width='100%' scrolling='auto' src="Pages.php?Page=ProjList"></iframe>
		</td>
	</tr>
</table>

**thierryG** · 06/07/2006, 11h31

J'ai oublié de précisé que j'ai fait un essai en html pur et qu'en mettant le border de l'image à 0 ça fonctionnait très bien, mais chose bizarre encapsulé dans du php ca ne marche plus? Ca ne devrait pas.

Je reste très perplexe à ce sujet.

**thierryG** · 12/07/2006, 14h41

Bon j'ai résolu le pb. Entre la fin de la balise img et la balise </a> il y avait un retour chariot. Je ne comprends pas pourquoi cela amène de genre de dysfonctionnement.

positionnement multiple images

HTML

Vue hybride

Discussions similaires

Partager

Partager