decoupe design

[guymauve]

Bonjour,

Je suis en train de découper un design sous FW.

Je me demandais si les zones de découpes devaient se chevaucher ou non (de 1px) ???

Merci à vous et bonne journée.

[ADT30]

Bonjour,

Pour ma part je n'ai jamais eu besoin de faire cela, que ce soit pour des DIV ou des frames.

ADT

[guymauve]

En fait, au vu de mon code, je me dis que j'ai un problème avec des spacers et donc un problème de découpe :

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

<!-- fwtable fwsrc="design.png" fwbase="index.jpg" fwstyle="Dreamweaver" fwdocid = "497143338" fwnested="0" -->

  <tr>

  <td><img src="images/spacer.gif" width="173" height="1" border="0" alt=""></td>

  <td><img src="images/spacer.gif" width="414" height="1" border="0" alt=""></td>

  <td><img src="images/spacer.gif" width="173" height="1" border="0" alt=""></td>

  <td><img src="images/spacer.gif" width="1" height="1" border="0" alt=""></td>

  </tr>

  <tr>

  <td colspan="3"><img name="header" src="images/header.jpg" width="760" height="198" border="0" alt=""></td>

  <td><img src="images/spacer.gif" width="1" height="198" border="0" alt=""></td>

  </tr>

  <tr>

  <td><img name="gauche" src="images/gauche.jpg" width="173" height="381" border="0" alt=""></td>

  <td><img name="principale" src="images/principale.jpg" width="414" height="381" border="0" alt=""></td>

  <td><img name="droite" src="images/droite.jpg" width="173" height="381" border="0" alt=""></td>

  <td><img src="images/spacer.gif" width="1" height="381" border="0" alt=""></td>

  </tr>

  <tr>

  <td colspan="3"><img name="footer" src="images/footer.jpg" width="760" height="81" border="0" alt=""></td>

  <td><img src="images/spacer.gif" width="1" height="81" border="0" alt=""></td>

  </tr>

</table>

Modifié 5 Novembre 2005 par guymauve

[ADT30]

bonjour

non, je ne vois aucun problème avec IE ou FF dans ton code...

à part que la première ligne de ta table et la dernière colonne génèrent un espace d'un pixel au-dessus et à droite de l'image reconstituée, les autres images sont correctement accolées.

ou alors je suis mal réveillé...

ADT

Modifié 6 Novembre 2005 par ADT30

[guymauve]

Oui mais c'est justement cet espace qui m'ennuie.

J'ai déjà recommencé la découpe 2 fois. Je dois mal m'y prendre car je ne veux bien évidement plus de spacers ...

Merci à toi.

[Dan]

<table border="0" cellpadding="0" cellspacing="0" width="760">
  <tr>
  <td colspan="3"><img name="header" src="images/header.jpg" width="760" height="198" border="0" alt=""></td>
  </tr>
  <tr>
  <td><img name="gauche" src="images/gauche.jpg" width="173" height="381" border="0" alt=""></td>
  <td><img name="principale" src="images/principale.jpg" width="414" height="381" border="0" alt=""></td>
  <td><img name="droite" src="images/droite.jpg" width="173" height="381" border="0" alt=""></td>
  </tr>
  <tr>
  <td colspan="3"><img name="footer" src="images/footer.jpg" width="760" height="81" border="0" alt=""></td>
  </tr>
</table>

Pas besoin de "spacer", non ?

En fait, même pas besoin de "table" mais c'est un autre débat

[guymauve]

Non effectivement.

Mais afin de ne pas rester idiot, puis-je demander la conséquence de ton code.

En effet, tu as retiré les spacers, ça veut dire qu'il y a un blanc à la place ???

Qu'avais-je fait comme erreur ????

Merci à toi et bonne journée.

En fait, même pas besoin de "table" mais c'est un autre débat

Heu tu veux parler de mettre des div ???

Peux-tu m'éclairer ???

Encore merci.

Modifié 6 Novembre 2005 par guymauve

[Dudu]

Heu tu veux parler de mettre des div ???

Non

Ne pas mettre des tableaux ne veut pas dire: "blinder avec plein de div partout", çà veut juste dire utiliser les balises adéquates. Il y a plein de balises en HTML, il faut s'en servir !!

[guymauve]

Merci pour ta réponse.

De quelles balises veux-tu parler ???

Merci encore.

[Dudu]

Salut

Sans aucun exemple, il est impossible de te répondre.

Mais tu es au courant que le langage HTML a prévu quasiment 1 balise par cas de figure, non ?

Une balise pour faire des paragraphe, 6 balises pour des titres, des balises de listes ordonnées/désordonnées/de définition, des balises de formulaire, etc etc etc...

Le but de jouer est de mettre chaque élément dans la balise qui lui convient le mieux. Et non de tout placer soit dans des tableaux, soit dans des diviseurs puis de bricoler pour que çà passe pas trop mal sur les navigateurs

Parce que là, je suis navré de te le dire, mais ton code est assez atroce. En même temps, il est de notoriété publique que DreamWeaver (en mode wysiwyg) et FireWorks ne font pas un code très propre. Dommage vu leur prix exorbitant.

[guymauve]

Bonjour,

Je sais que mon code est loin d'être un modèle du genre.

J'essaie simplement d'apprendre sans trop ennuyer mon monde.

Je continue à chercher.

Le design est là

Quels outils priviligiez-vous ???

Merci à vous.

[ADT30]

bonsoir,

Pour répondre à ton problème de spacers indésirables avec FW :

Lorsque tu exportes l'image découpée,

active le bouton Options en bas à droite ;

puis l'onglet Table ;

et là tu choisis Espace avec : "Table unique sans séparateurs"

et dans "cellules vides" tu mets sommaire sur "aucun".

Bonne continuation

ADT