[ wHo-et-Be ] Trucs et Astuces > Développement web

Lorsque vous exportez une image découpée, Fw crée une ligne de 1 pixel transparent dans le tableau HTML.... ce qui a pour incidence d'ajouter une ligne de la couleur du fond de page en haut du tableau.

Si vous enlevez la ligne de 1 pixel, votre tableau a une très forte malchance de partir en zizouine... mais cela vous gène car votre image n'est pas complètement collée en haut :

- Passez en code HTML (ne faites rien graphiquement, ça va tout chambouler)
- Coupez (CTRL+X) la ligne et collez-là en bas du tableau, en dernier, juste avant le /TABLE>

<!-- Fireworks 
          3.0 Dreamweaver 3.0 target.... -->

          </head>

          <body bgcolor="#ffffff">

          <!--The following section is an HTML table which reassembles the 
          sliced

          <!--image in a browser.

          <!--Copy the table section including the opening and closing table 
          tags,

          <!--and paste the data where you want the reassembled image to appear

          <!--in the destination document.-->

          <!--------------------- BEGIN COPYING THE HTML HERE ------------------->

          <!-- Image with table -->

          <table border="0" cellpadding="0" cellspacing="0" width="775">

          <!-- fwtable fwsrc="image" fwbase="image.gif" -->

          <tr>

          <!-- Shim row, height 1. -->

          <td><img src="shim.gif" width="251" height="1" border="0"></td>

          <td><img src="shim.gif" width="51" height="1" border="0"></td>

          <td><img src="shim.gif" width="335" height="1" border="0"></td>

          <td><img src="shim.gif" width="138" height="1" border="0"></td>

          <td><img src="shim.gif" width="1" height="1" border="0"></td>

          </tr> 

          ...

Placez-vous juste avant la fin du tableau et collez ces lignes :

...

          <!-- This table was automatically created with Macromedia Fireworks 
          3.0 ->

          <!-- http://www.macromedia.com -->

           <tr>

          <!-- Shim row, height 1. -->

          <td><img src="shim.gif" width="251" height="1" border="0"></td>

          <td><img src="shim.gif" width="51" height="1" border="0"></td>

          <td><img src="shim.gif" width="335" height="1" border="0"></td>

          <td><img src="shim.gif" width="138" height="1" border="0"></td>

          <td><img src="shim.gif" width="1" height="1" border="0"></td>

          </tr> 

          </table>

          <!---------------------- STOP COPYING THE HTML HERE --------------------->

Et voilà, votre image est collée en haut à gauche, sans pixel de rab.
Bien sur, la manip est possible dans le sens inverse (si vous voulez coller votre image tout en bas.)

Puisqu'on en est à récupérer des pixels...

voici une option que l'on peut mettre dans le BODY de la page pour spécifier les marges de la page. (Ces marges que l'on peut définir lorsque l'on travaille avec des frames, ou avec DW 3) :

<body ... leftmargin="0" topmargin="0" 
          marginwidth="0" marginheight="0">


			visites