High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

HTML 2 groupes d'images cote a cote

Dernière réponse le 3 aoû 2007 à 17:48:43 sitem, le 3 aoû 2007 à 13:27:21 
 Signaler ce message aux modérateurs

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>
Configuration: Windows XP
Firefox 2.0.0.3

Meilleures réponses pour « HTML 2 groupes d'images cote a cote » dans :
[Webmaster] Empêcher la copie de mes images (et autres) VoirA tous ceux qui veulent empêcher la copie de leurs images, leurs créations, leurs vidéos, leurs articles, etc... Je veux empêcher les autres de copier mes images et mes pages HTML. Comment faire ? Réponse: C'EST IMPOSSIBLE Il n'existe aucun...
Enlever la bordure sur une image dans un lien en HTML/CSS VoirVous avez fait une image cliquable en mettant une balise IMG au sein d'un lien et le navigateur vous affiche un cadre ou plus exactement une bordure autour de l'image. Il existe deux façons de supprimer cette bordure...
[Word] Image de fond VoirIl est possible sous Microsoft Word d'afficher une image en arrière-plan dans un document en cliquant sur le menu Format, puis sur Arrière-Plan et enfin sur Motifs et textures. Dans l'onglet Image, cliquer sur le bouton "Sélectionner une image"....
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Listes et énumérations en HTML VoirLes listes Une liste est un paragraphe structuré contenant une suite d'articles. Le langage HTML définit trois types de listes : La liste ordonnée ; La liste non ordonnée ; La liste de définition. Liste ordonnée Conteneur Type de...
Structure d'un document HTML VoirNotion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...
Posez votre question Répondre

1

Gihef, le 3 aoû 2007 à 15:12:19

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 ?
 

   
Répondre à Gihef

2

sitem, le 3 aoû 2007 à 15:19:25

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épondre à sitem

3

Gihef, le 3 aoû 2007 à 15:25:18

Hep, hep, hep.

“Avec quoi as-tu obtenu ce code ?”
 

   
Répondre à Gihef

4

sitem, le 3 aoû 2007 à 15:32:17

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épondre à sitem

5

Gihef, le 3 aoû 2007 à 15:41:51

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épondre à Gihef

6

sitem, le 3 aoû 2007 à 15:57:47

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

   
Répondre à sitem

7

 Gihef, le 3 aoû 2007 à 17:48:43

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…
 

   
Répondre à Gihef
Posez votre question Répondre
Ils ont besoin de votre aide