Aller au contenu

decoupe design


guymauve

Sujets conseillés

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é par guymauve
Lien vers le commentaire
Partager sur d’autres sites

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é par ADT30
Lien vers le commentaire
Partager sur d’autres sites

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.

Lien vers le commentaire
Partager sur d’autres sites

<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 :lol:

Lien vers le commentaire
Partager sur d’autres sites

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 :lol:

Heu tu veux parler de mettre des div ???

Peux-tu m'éclairer ???

Encore merci.

Modifié par guymauve
Lien vers le commentaire
Partager sur d’autres sites

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 !!

Lien vers le commentaire
Partager sur d’autres sites

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 :wacko:

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.

Lien vers le commentaire
Partager sur d’autres sites

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

Quels outils priviligiez-vous ???

Merci à vous.

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...