HTML 2 groupes d'images cote a cote

Fermé

sitem Messages postés 4 Date d'inscription vendredi 3 août 2007 Statut Membre Dernière intervention 3 août 2007 - 3 août 2007 à 13:27
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 3 août 2007 à 17:48

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>

A voir également:

HTML 2 groupes d'images cote a cote
Creer un groupe whatsapp a partir d'un autre groupe - Guide
Editeur html - Télécharger - HTML
Comment mettre deux textes côte à côte sur word - Guide
Br html ✓ - Forum Webmastering
Chrome configuration cote a cote ✓ - Forum Google Chrome

5 réponses

Réponse 1 / 5

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
3 août 2007 à 15:12

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 ?

sitem Messages postés 4 Date d'inscription vendredi 3 août 2007 Statut Membre Dernière intervention 3 août 2007
3 août 2007 à 15:19

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

Réponse 2 / 5

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
3 août 2007 à 15:25

Hep, hep, hep.

“Avec quoi as-tu obtenu ce code ?”

sitem Messages postés 4 Date d'inscription vendredi 3 août 2007 Statut Membre Dernière intervention 3 août 2007
3 août 2007 à 15:32

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

Réponse 3 / 5

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
3 août 2007 à 15:41

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.

Réponse 4 / 5

sitem Messages postés 4 Date d'inscription vendredi 3 août 2007 Statut Membre Dernière intervention 3 août 2007
3 août 2007 à 15:57

J'ai essaye ta solution mais cela me donne toujours le meme resultat

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

Posez votre question

Réponse 5 / 5

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 778
3 août 2007 à 17:48

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…

Discussions similaires

J'ai oublier mon code mtn momo svp aidé moi a le debloquer

mettre deux photos cote à cote

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

Voxbone ? qui est-ce ?

Snap - croix grise