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.
Version complète: sur le forum Webmaster Hub : decoupe design
Webmaster Hub > Création et exploitation de Sites Internet > Les fondations d'un site > Le Webdesign
Bonjour,
Pour ma part je n'ai jamais eu besoin de faire cela, que ce soit pour des DIV ou des frames.
ADT
Pour ma part je n'ai jamais eu besoin de faire cela, que ce soit pour des DIV ou des frames.
ADT
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 :
CITATION
<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>
<!-- 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>
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
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
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.
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.
HTML
<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>
<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
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.
Heu tu veux parler de mettre des div ???
Peux-tu m'éclairer ???
Encore merci.
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.
CITATION(Dan @ dimanche 06 novembre 2005, 11h18)
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.
CITATION(guymauve @ dimanche 06 novembre 2005, 11h21)
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 !!
Merci pour ta réponse.
De quelles balises veux-tu parler ???
Merci encore.
De quelles balises veux-tu parler ???
Merci encore.
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.
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.
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.
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.
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
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
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.