[HTML] euh, je voudrais un pixel entre 2 images, et pas 2 pixels entre

euh, je voudrais un pixel entre 2 images, et pas 2 pixels entre [HTML] - HTML/CSS - Programmation

Marsh Posté le 01-06-2006 à 00:41:52    

hello
 
une question bien bidon je pense, mais bon, j'y arrive pas
 
je specifie que j'ai zero bases html and co et que je taff sous dream=)
 
 
en fait j'ai plusieurs images   :D  
je voudrais les mettres les unes a coté des autres et les unes sous les autres dans  une page web, ça j'y arrive
 
mais mon soucis viens du fait que entre toutes ces images j'ai soit 0, soit 2 pix minimum (soit plus si je met plus), mais je n'arrive pas a mettre 1 seul pixel entre toutes mes images comme on px le voir la dessus (logique en fait):
 
http://www.designchapel.com/
 
 
et donc moi je voudrais un seul pixel et pas 2 entre mes images
comment je px faire ça simplement????
 
 
merci d'avance   :hello:

Reply

Marsh Posté le 01-06-2006 à 00:41:52   

Reply

Marsh Posté le 01-06-2006 à 00:47:49    

Putain de flash de merde, tu as pas un lien direct.. please

Reply

Marsh Posté le 01-06-2006 à 01:05:21    

euh, ok
bah je t'ai refait une autre image pour te montrer en gros
 
 
en fait, j'aurais mon image 01, mon image 02, etc, tout ça qui mene vers une autre image
 
 
et toutes ces images separées par une ligne de 1 pixel blanc comme sur l'image, par ce que pour l'instant je suis a 2 pixel vu que chaques images a un cadre de 1 pixel c'est logique apres tout   :lol:  
 
http://www.whyjuan.com/hfr/carreaux.jpg

Reply

Marsh Posté le 01-06-2006 à 09:14:31    

code HTML :o :o :o
 
a mon avis toutes tes images sont callés dans un table [:petrus75]
et tu mets : <table cellspacing="0" border="0" cellspacing="0"> et baste :o
c'est crade c'est moche mais c'est pas grave :o


---------------
Blablaté par Harko
Reply

Marsh Posté le 01-06-2006 à 09:15:04    

ousinon file nous du code HTML putain :fou:


---------------
Blablaté par Harko
Reply

Marsh Posté le 01-06-2006 à 14:00:51    

euh, ah faut que je mette mon code
mais euh, il marche pas lol justement
 
bah euh ok, je vais vous filer ça
putain vous avez l'air stressé ici lol

Reply

Marsh Posté le 01-06-2006 à 14:02:24    

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Document sans titre</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. </head>
  7. <body bgcolor="#000000" background="bg.gif" link="#FFFFFF" vlink="#FF0000" alink="#FFFFFF">
  8. <div align="center">
  9.   <table width="968" border="0" cellpadding="0" cellspacing="0">
  10.     <!--DWLayoutTable-->
  11.     <tr>
  12.       <td width="968" height="86">&nbsp;</td>
  13.     </tr>
  14.     <tr>
  15.       <td height="968" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  16.           <!--DWLayoutTable-->
  17.           <tr>
  18.             <td width="242" height="242" valign="top" bgcolor="#FF0000"><a href="01.jpg"><img src="01a.jpg" width="240" height="240" border="1"></a></td>
  19.             <td width="242" valign="top"><a href="02.jpg"><img src="02a.jpg" width="240" height="240" border="1"></a></td>
  20.             <td width="242" valign="top"><a href="03.jpg"><img src="03a.jpg" width="240" height="240" border="1"></a></td>
  21.             <td width="242" valign="top"><a href="04.jpg"><img src="04a.jpg" width="240" height="240" border="1"></a></td>
  22.           </tr>
  23.           <tr>
  24.             <td height="242" valign="top"><a href="05.jpg"><img src="05a.jpg" width="240" height="240" border="1"></a></td>
  25.             <td valign="top"><a href="06.jpg"><img src="06a.jpg" width="240" height="240" border="1"></a></td>
  26.             <td valign="top"><a href="07.jpg"><img src="07a.jpg" width="240" height="240" border="1"></a></td>
  27.             <td valign="top"><a href="08.jpg"><img src="08a.jpg" width="240" height="240" border="1"></a></td>
  28.           </tr>
  29.           <tr>
  30.             <td height="242" valign="top"><a href="09.jpg"><img src="09a.jpg" width="240" height="240" border="1"></a></td>
  31.             <td valign="top"><a href="10.jpg"><img src="10a.jpg" width="240" height="240" border="1"></a></td>
  32.             <td valign="top"><a href="11.jpg"><img src="11a.jpg" width="240" height="240" border="1"></a></td>
  33.             <td valign="top"><a href="12.jpg"><img src="12a.jpg" width="240" height="240" border="1"></a></td>
  34.           </tr>
  35.           <tr>
  36.             <td height="242" valign="top"><a href="13.jpg"><img src="13a.jpg" width="240" height="240" border="1"></a></td>
  37.             <td valign="top"><a href="14.jpg"><img src="14a.jpg" width="240" height="240" border="1"></a></td>
  38.             <td valign="top"><a href="15.jpg"><img src="15a.jpg" width="240" height="240" border="1"></a></td>
  39.             <td valign="top"><a href="16.jpg"><img src="16a.jpg" width="240" height="240" border="1"></a></td>
  40.           </tr>
  41.         </table></td>
  42.     </tr>
  43.     <tr>
  44.       <td height="147">&nbsp;</td>
  45.     </tr>
  46.   </table>
  47. </div>
  48. </body>
  49. </html>

Reply

Marsh Posté le 01-06-2006 à 14:02:51    

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
 
<body bgcolor="#000000" background="bg.gif" link="#FFFFFF" vlink="#FF0000" alink="#FFFFFF">
<div align="center">
  <table width="968" border="0" cellpadding="0" cellspacing="0">
    <!--DWLayoutTable-->
    <tr>  
      <td width="968" height="86">&nbsp;</td>
    </tr>
    <tr>
      <td height="968" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
          <!--DWLayoutTable-->
          <tr>  
            <td width="242" height="242" valign="top" bgcolor="#FF0000"><a href="01.jpg"><img src="01a.jpg" width="240" height="240" border="1"></a></td>
            <td width="242" valign="top"><a href="02.jpg"><img src="02a.jpg" width="240" height="240" border="1"></a></td>
            <td width="242" valign="top"><a href="03.jpg"><img src="03a.jpg" width="240" height="240" border="1"></a></td>
            <td width="242" valign="top"><a href="04.jpg"><img src="04a.jpg" width="240" height="240" border="1"></a></td>
          </tr>
          <tr>  
            <td height="242" valign="top"><a href="05.jpg"><img src="05a.jpg" width="240" height="240" border="1"></a></td>
            <td valign="top"><a href="06.jpg"><img src="06a.jpg" width="240" height="240" border="1"></a></td>
            <td valign="top"><a href="07.jpg"><img src="07a.jpg" width="240" height="240" border="1"></a></td>
            <td valign="top"><a href="08.jpg"><img src="08a.jpg" width="240" height="240" border="1"></a></td>
          </tr>
          <tr>  
            <td height="242" valign="top"><a href="09.jpg"><img src="09a.jpg" width="240" height="240" border="1"></a></td>
            <td valign="top"><a href="10.jpg"><img src="10a.jpg" width="240" height="240" border="1"></a></td>
            <td valign="top"><a href="11.jpg"><img src="11a.jpg" width="240" height="240" border="1"></a></td>
            <td valign="top"><a href="12.jpg"><img src="12a.jpg" width="240" height="240" border="1"></a></td>
          </tr>
          <tr>  
            <td height="242" valign="top"><a href="13.jpg"><img src="13a.jpg" width="240" height="240" border="1"></a></td>
            <td valign="top"><a href="14.jpg"><img src="14a.jpg" width="240" height="240" border="1"></a></td>
            <td valign="top"><a href="15.jpg"><img src="15a.jpg" width="240" height="240" border="1"></a></td>
            <td valign="top"><a href="16.jpg"><img src="16a.jpg" width="240" height="240" border="1"></a></td>
          </tr>
        </table></td>
    </tr>
    <tr>
      <td height="147">&nbsp;</td>
    </tr>
  </table>
</div>
</body>
</html>

Reply

Marsh Posté le 01-06-2006 à 16:35:06    

j'ai pas regardé ton code, mais la premiere chose qui me vient a l'esprit: tu as surement spécifié une marge de 1px autour de chaque image.
Ce qui fait que si deux images sont accollées: tu as la marge droite de l'image de gauche + la marge gauche de l'image de droite ce qui fait 2 marges.
Je sais pas si t'as suivi.
 
Donc il ne faut pas spécifier une marge pour toute l'image, mais par exemple une marge de 1px pour le bas et la droite de chaque photo.
 
edit: j'avais loupé un post... désolé.
ben avec du css:  
td {
   border:0 1px 1px 0;
}


Message édité par papanoramix le 01-06-2006 à 16:38:05
Reply

Marsh Posté le 01-06-2006 à 16:40:18    

salut
si j'ai tres bien suivi, oui clair, c'est bien pour la raison que tu as cité que je n'ai pas trouvé important de mettre mon code, logique que avec les marges ça fasse 2 pix au total
 
en fait le truc c'est que j'ai essayé de faire comme tu as dis dans ma mise en page sous dream, mais bon, rien n'y fait, il me rajoute des marges et me fout le zone non stop , donc bon, je vais lacher l'affaire je pense

Reply

Marsh Posté le 01-06-2006 à 16:40:18   

Reply

Marsh Posté le 01-06-2006 à 21:25:17    

chaque cellule de ton tableau fait 242px de large et 242px de haut [:petrus75]
et chaque image fait 240px x 240px
donc devine d'où elle vient ta marge de 2px [:moule_bite]


---------------
Blablaté par Harko
Reply

Marsh Posté le 01-06-2006 à 21:59:12    

oui, mais si je met 241*241 ça va pas malgres tout
d'ou ma question=) je sais bien d'ou viens le bleme, mais je n'arrive pas a le resoudre
 
merci pour ton aide quand meme

Reply

Marsh Posté le 01-06-2006 à 22:12:16    

whyjuan a écrit :

oui, mais si je met 241*241 ça va pas malgres tout
d'ou ma question=) je sais bien d'ou viens le bleme, mais je n'arrive pas a le resoudre
 
merci pour ton aide quand meme


et si tu met 240x240 [:petrus dei]


Message édité par gatsu35 le 01-06-2006 à 22:12:24

---------------
Blablaté par Harko
Reply

Marsh Posté le 02-06-2006 à 00:30:29    

bah si je met 240*240 j'ai plus les marges de 1 pixels=)
j'ai essayé pleins de combinaisons dans le stayle, mais j'ai rien trouvé qui marche

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed