Probleme de disposition d'images.

01 avr. 2006, 13:31

Bonjour,
Voila pour faire la page d'acceuil de mon site je voualsi prendre une images que je decooupe en 5 pour pouvoir y atribuer des liens par la suite.
j'ai essayé en faisant comme ca

Code : Tout sélectionner

<html>
<head>
<title>New site</title>

</head>

<body bgcolor="#3C8394" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
 
    <td width="50%">
	  <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
        <tr><td ><img src="acg.jpg"></td></tr>
        </table></td>
    <td width="50%"> 
      <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td><img src="acdh.jpg"></td>
        </tr>
        
         
        <tr>
          <td><img src="acdmg.jpg"></td>
          <td><IMG SRC="acdmd.jpg"></td>
        </tr>
        
        
        <tr> 
          <td><img src="acdb.jpg"></td>
        </tr>
        </table></td>
 
</table>
</body>
</html>

acg = acceuil gauche
acdh = acceuil droit haut
acdmg = acceuil droit milieu gauche
acdmd = acceuil droit milieu droit
acdb = acceuil droit bas

Mes images ce disposent ou je le souhaite sauf acdmd qui est bien a ca place mais laisse un vide entre elle est acdmg a qui elle devrait etre collée.

J'ai essayé de voir si ce n'etais pas un td mal place ou en créant une table pour ces deux images a integrer a la table pour la partie de droit mais rien n'y fait elle veulent pas ce coller.

Bon y a des trais blanc aparent entre les images mais ca c'est un travail graphique à pofiner.

Merci de votre attention.

Ps : jai hebergé ce que ca donne chez voila car mon ftp est hs pour le moment ici

01 avr. 2006, 13:36

Modération : problème de HTML, sujet déplacé.

01 avr. 2006, 13:40

oui c'est vrai désolé telement l'hbitude d'avoir du php ..

01 avr. 2006, 14:35

Salut,

Pour des images, ne mets pas de "width" à tes <td>

et

pour la "width" de ton tableau tu mets au maximum le total des "width" de tes images,

donne aussi des "height" and "width" à chacune de tes images (voir exemple).

ça devrait fonctionné.

Exemple:

<table id="Table_01" border="0" cellpadding="0" cellspacing="0" height="493" width="549">
	<tbody><tr>
		<td>
			<img src="home_01.jpg" alt="" height="493" width="262"></td>
		<td>
			<img src="home_02.jpg" alt="" height="88" width="128"></td>
		<td>
			<img src="home_03.jpg" alt="" height="493" width="159"></td>
	</tr>

...

01 avr. 2006, 16:30

J'ai eesayé et corrigé en

Code : Tout sélectionner

<html>
<head>
<title>New site</title>

</head>

<body bgcolor="#3C8394" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="1961" height="768" border="0" cellpadding="0" cellspacing="0">
 
    <td>
	  <table width="558" height="768" border="0" cellpadding="0" cellspacing="0">
        <tr><td ><IMG SRC="images/test/acg.jpg" WIDTH=558 HEIGHT=768 ALT="acg.jpg (83 Ko)"></td></tr>
        </table></td>
    <td> 
      <table width="1403" height="441" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td><IMG SRC="images/test/acdh.jpg" WIDTH=466 HEIGHT=188 ALT="acdh.jpg (32 Ko)"></td>
        </tr>
        
         
        <tr>
          <td><IMG SRC="images/test/acdmg.jpg" WIDTH=222 HEIGHT=441 ALT="acdmg.jpg (36 Ko)"></td>
          <td><IMG SRC="images/test/acdmd.jpg" WIDTH=247 HEIGHT=439 ALT="acdmd.jpg (38 Ko)"></td>
        </tr>
        
        
        <tr> 
          <td><IMG SRC="images/test/acdb.jpg" WIDTH=468 HEIGHT=138 ALT="acdb.jpg (32 Ko)"></td>
        </tr>
        </table></td>
 
</table>
</body>
</html>

hors ca a ecarté encore plus acdmd

j'ai essayé de rajouter une table

Code : Tout sélectionner

<table width="1961" height="768" border="0" cellpadding="0" cellspacing="0">
 
    <td>
	  <table width="558" height="768" border="0" cellpadding="0" cellspacing="0">
        <tr><td ><IMG SRC="images/test/acg.jpg" WIDTH=558 HEIGHT=768 ALT="acg.jpg (83 Ko)"></td></tr>
        </table></td>
    <td> 
      <table width="1403" height="441" border="0" cellpadding="0" cellspacing="0">
        <tr> 
          <td><IMG SRC="images/test/acdh.jpg" WIDTH=466 HEIGHT=188 ALT="acdh.jpg (32 Ko)"></td>
        </tr>
        
        [<table width="469" height="441" border="0" cellpadding="0" cellspacing="0">       <tr>
          <td><IMG SRC="images/test/acdmg.jpg" WIDTH=222 HEIGHT=441 ALT="acdmg.jpg (36 Ko)"></td>
          <td><IMG SRC="images/test/acdmd.jpg" WIDTH=247 HEIGHT=439 ALT="acdmd.jpg (38 Ko)"></td>
        </tr>
        </table>
        
        <tr> 
          <td><IMG SRC="images/test/acdb.jpg" WIDTH=468 HEIGHT=138 ALT="acdb.jpg (32 Ko)"></td>
        </tr>
        </table></td>

ca a bien collé les deux image acdmd et acdmg mais tous le reste est chamboulé du coup.

Il semblerais toute fois que philfree est mis le doigt sur un problemes mais que mon manque d'habidute ne me permet pas de finaliser car suivant ces conseilles l'image a bien ete deplacée, mais je n'arrive pas a la faire rentrer dans le cadre elle reste au bord.

03 avr. 2006, 11:15

Tu as un énorme problème d'HTML...manque de <tr>, manque de colspan...

Version corrigée :

Code : Tout sélectionner

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td><img src="acg.jpg" width="558" height="768" border="0" /></td> 
	<td> 
	
	<table border="0" cellpadding="0" cellspacing="0"> 
	<tr> 
		<td colspan="2"><img src="acdh.jpg" width="466" height="188" border="0" /></td> 
	</tr> 
	<tr> 
		<td><img src="acdmg.jpg" width="222" height="441" border="0" /></td> 
		<td><img src="acdmd.jpg" width="247" height="439" border="0" /></td> 
	</tr> 
	<tr> 
		<td colspan="2"><img src="acdb.jpg" width="468" height="138" border="0" /></td> 
	</tr> 
	</table>
	
	</td>
</tr>
</table>

Autre problème : tes tailles ne collent pas. Par exemple 222+247 est différent de 466 alors que ça devrait donner le même résultat...d'où tes écarts.

07 avr. 2006, 16:23

Je ne m'y connait pas vraiment mais pourquoi ne pas avoir recourt au imagemap ?
il me semble que se serait plus adapté (et plus modulable aussi, tu serai pas obligé de faire des zones "cliquables" carrées)...

14 avr. 2006, 21:35

j'ai resolu mon probleme en prenant des images de memes hauteur, et ca marcha par contre je ne sais pas comment faire des imagesmap.
avez vous un site ou je pourais aprendre ?
merci

14 avr. 2006, 22:58

http://fr.selfhtml.org/html/graphiques/ ... tm#definir

16 avr. 2006, 22:35

merci beaucoup.

Probleme de disposition d'images.

Qui est en ligne