HTML 2 groupes d'images cote a cote

sitem Messages postés 4 Statut Membre -  
Gihef Messages postés 5165 Statut Contributeur -
Bonjour,

Je voudrais mettre 2 images cote a cote en sachant que chaque images est compose de plusieurs images.
Avec le code ci dessous, les images sont l'une au dessus de l'autre. 


<HTML>
<HEAD>
<TITLE></TITLE>

</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<TABLE WIDTH=680 BORDER=0 align="right" CELLPADDING=0 CELLSPACING=0>
	<TR>
		<TD COLSPAN=5>&nbsp;			</TD>
	</TR>
	<TR>

		<TD ROWSPAN=4>
			<IMG SRC="images/all02.gif"  WIDTH=202 HEIGHT=873 ALT=""></TD>
		<TD>
			<IMG SRC="images/all03.gif"  WIDTH=49 HEIGHT=102 ALT="" ></TD>
		<TD>
			<IMG SRC="images/all04.gif"  WIDTH=168 HEIGHT=102 ALT=""></TD>
		<TD>
			<IMG SRC="images/all05.gif"  WIDTH=51 HEIGHT=102 ALT="" ></TD>

		<TD ROWSPAN=4>

			<IMG SRC="images/all06.gif"  WIDTH=210 HEIGHT=873 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="images/allsea.gif"  WIDTH=49 HEIGHT=210 ALT="" ></TD>
		<TD>
			<IMG SRC="images/all_seasons2.gif"   WIDTH=168 HEIGHT=210 ALT="" ></TD>

		<TD>
			<IMG SRC="images/allseason2_09.gif"   WIDTH=51 HEIGHT=210 ALT="" ></TD>

	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="images/allseason2_10.gif"   WIDTH=268 HEIGHT=359 ALT=""></TD>
	</TR>
	<TR>

		<TD COLSPAN=3>
			<IMG SRC="images/allseason2_11.gif" WIDTH=268 HEIGHT=202 ALT=""></TD>
	</TR>


<TABLE WIDTH=680 BORDER=0 align="left" CELLPADDING=0 CELLSPACING=0>

	<TR>
		<TD COLSPAN=5>&nbsp;		</TD>
	</TR>
	<TR>

		<TD ROWSPAN=4 align=>
			<IMG SRC="images/alls_02.gif" WIDTH=202 HEIGHT=873 ALT=""></TD>
		<TD>
			<IMG SRC="images/allse_03.gif" WIDTH=49 HEIGHT=102 ALT=""></TD>
		<TD>
			<IMG SRC="images/all_04.gif" WIDTH=168 HEIGHT=102 ALT=""></TD>
		<TD>
			<IMG SRC="images/all_05.gif" WIDTH=51 HEIGHT=102 ALT=""></TD>
		<TD ROWSPAN=4>

			<IMG SRC="images/all_06.gif" WIDTH=210 HEIGHT=873 ALT=""></TD>
	</TR>
	<TR>
		<TD>
			<IMG SRC="images/alls_07.gif" WIDTH=49 HEIGHT=210 ALT=""></TD>
		<TD>
			<IMG SRC="images/all.gif" WIDTH=168 HEIGHT=210 ALT=""></TD>
		<TD>
			<IMG SRC="images/all_09.gif" WIDTH=51 HEIGHT=210 ALT=""></TD>

	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="images/alls_10.gif" WIDTH=268 HEIGHT=359 ALT=""></TD>
	</TR>
	<TR>
		<TD COLSPAN=3>
			<IMG SRC="images/all_11.gif" WIDTH=268 HEIGHT=202 ALT=""></TD>
	</TR>


</TABLE>

</BODY>
</HTML>

5 réponses

Réponse 1 / 5
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bonjour,

“les images sont l'une au dessus de l'autre”.
Lesquelles ?
Ce ne sont que des images. Partout.

Sois un peu plus précis.

Sinon, il suffirait peut-être que tu fermes le 1er <table> avant d'ouvrir le 2e ?
<TABLE WIDTH=680 BORDER=0 align="right" CELLPADDING=0 CELLSPACING=0>
  …
	<TR>

		<TD COLSPAN=3>
			<IMG SRC="images/allseason2_11.gif" WIDTH=268 HEIGHT=202 ALT=""></TD>
	</TR>
</table>

<TABLE WIDTH=680 BORDER=0 align="left" CELLPADDING=0 CELLSPACING=0>

	<TR>

+ Simple curiosité. Avec quoi as-tu obtenu ce code ?
0
sitem Messages postés 4 Statut Membre
 
Les images dans le 1er table forment une grande image, de meme pour le 2eme table.
Les deux grandes images sont l'une en dessous de l'autre.

Pour ce qui est de fermer la balise table, ca ne change rien
0
Réponse 2 / 5
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Hep, hep, hep.

“Avec quoi as-tu obtenu ce code ?”
0
sitem Messages postés 4 Statut Membre
 
On m'a passer le code tel qu'il est, et je dois faire cette modification
donc je ne peux pas te dire avec quoi j'ai obtenue ce code
0
Réponse 3 / 5
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Bon, tant pis…

Alors une solution, puisqu'on est dans les <table>, serait de placer ces 2 <table> dans un autre <table> qui les contiendrait.
Mais, bof…

Plus simplement, il suffit de les placer dans un bloc limité en largeur qui les obligera à passer à la suite l'un de l'autre :
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>

<div style="width:680px;">

  <TABLE WIDTH=680 BORDER=0 align="right" CELLPADDING=0 CELLSPACING=0>

  …

  </TABLE>

</div>

</BODY>
Essaye.
0
Réponse 4 / 5
sitem Messages postés 4 Statut Membre
 
J'ai essaye ta solution mais cela me donne toujours le meme resultat
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
Gihef Messages postés 5165 Statut Contributeur 2 779
 
Oh  ! pardon. J'avais mal compis.

Pour placer les 2 <tables> côte à côte, il suffit, dans cette configuration, de préciser :
  <style type="text/css">
  table {
    float : left;
    }
  </style>
entre <HEAD> et </HEAD>.

Mais ça veut dire que ta page devra avoir 680 + 680 = 1360px de large.
Ça commence à faire beaucoup…
0

Discussions similaires

Le son ne sort que d'un côté de mon casque, pourquoi ?
real1se -
LylouFR -

7 réponses
A quoi correspond cette croix sur snapchat
Sbnet -
Doucesensible -

8 réponses
Chrome message : configuration côte-à-côte incorrect ?
bonou263 -
bonou263 -

8 réponses
Son du casque d'un seul coté ?
mile -
molotov47270 -

6 réponses
JBL 500 BT problème d'un côté
Poulpegirl -
Enfril -

20 réponses