HTML tableaux et colspan
Résolu
Louba
-
Louba -
Louba -
Bonjour à tous,
j'ai un problème avec cette newsletter écrite en html avec DW
>>> http://sjkbayonne.free.fr/public/nlb-mb3.html
Vous comprendrez vite le pb, la partie centrale est decalée à droite.
Je n'arrive pas à tout mettre d'aplomb et à coller le header, le milieu et le footer...
J'ai essayé de copier le code d'une news que j'ai reçue, mais sans succès.
Alors je m'en remet aux lumières collective du forum!
Tout ce qui est écrit me semble ok,
il y a juste la dernière partie (avec les "spacer.gif") que j'ai repris sans comprendre dans une news un peu similaire, mais je sais pas à quoi ça sert si ce n'est que j'ai vu que ça a amélioré l'aspect de ma page...
Voilà, j'espère que vous pourrez m'aiguiller vers une solution...
Un grand merci d'avance,
++
Voilà le code source :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Spacejunk newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body bgcolor="#2A4A90" leftmargin="0" marginheight="0" marginwidth="0" style="color:#000; font: 13px 'lucida grande', lucida, verdana, sans-serif;" topmargin="0">
<table width="800" border="0" cellspacing="0" cellpadding="0" align="center" style="font: 13px 'Lucida Grande', Lucida, Verdana, sans-serif; color:#000">
<tr>
<td colspan="5" bgcolor="#2A4A90"><img src="images/header.jpg" width="720" height="353" alt="" /></td>
</tr>
<tr>
<td width="37" height="300" background="images/side-l.jpg"></td>
<td colspan="3" bgcolor="#FFFFFF" valign="top">
<p style="padding-left:40px; padding-right:40px;">Bonjour tout le monde,</p>
<p style="padding-left:40px; padding-right:40px;">Nouvelle perf en vue</p></td>
<td width="10" background="images/side-r.jpg"></td>
</tr>
<tr>
<td colspan="2"><img src="images/footer-l.jpg" width="111" height="94" /></td>
<td colspan="3"><img src="images/footer-r.jpg" width="609" height="94" /></td>
</tr>
<tr>
<td><img src="image/spacer.gif" width="10" height="1" alt="" /></td>
<td width="74"><img src="image/spacer.gif" width="20" height="1" alt="" /></td>
<td width="466"><img src="image/spacer.gif" width="453" height="1" alt="" /></td>
<td width="213"><img src="image/spacer.gif" width="207" height="1" alt="" /></td>
<td><img src="image/spacer.gif" width="10" height="1" alt="" /></td>
</tr>
</table>
</body>
</html>
j'ai un problème avec cette newsletter écrite en html avec DW
>>> http://sjkbayonne.free.fr/public/nlb-mb3.html
Vous comprendrez vite le pb, la partie centrale est decalée à droite.
Je n'arrive pas à tout mettre d'aplomb et à coller le header, le milieu et le footer...
J'ai essayé de copier le code d'une news que j'ai reçue, mais sans succès.
Alors je m'en remet aux lumières collective du forum!
Tout ce qui est écrit me semble ok,
il y a juste la dernière partie (avec les "spacer.gif") que j'ai repris sans comprendre dans une news un peu similaire, mais je sais pas à quoi ça sert si ce n'est que j'ai vu que ça a amélioré l'aspect de ma page...
Voilà, j'espère que vous pourrez m'aiguiller vers une solution...
Un grand merci d'avance,
++
Voilà le code source :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Spacejunk newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body bgcolor="#2A4A90" leftmargin="0" marginheight="0" marginwidth="0" style="color:#000; font: 13px 'lucida grande', lucida, verdana, sans-serif;" topmargin="0">
<table width="800" border="0" cellspacing="0" cellpadding="0" align="center" style="font: 13px 'Lucida Grande', Lucida, Verdana, sans-serif; color:#000">
<tr>
<td colspan="5" bgcolor="#2A4A90"><img src="images/header.jpg" width="720" height="353" alt="" /></td>
</tr>
<tr>
<td width="37" height="300" background="images/side-l.jpg"></td>
<td colspan="3" bgcolor="#FFFFFF" valign="top">
<p style="padding-left:40px; padding-right:40px;">Bonjour tout le monde,</p>
<p style="padding-left:40px; padding-right:40px;">Nouvelle perf en vue</p></td>
<td width="10" background="images/side-r.jpg"></td>
</tr>
<tr>
<td colspan="2"><img src="images/footer-l.jpg" width="111" height="94" /></td>
<td colspan="3"><img src="images/footer-r.jpg" width="609" height="94" /></td>
</tr>
<tr>
<td><img src="image/spacer.gif" width="10" height="1" alt="" /></td>
<td width="74"><img src="image/spacer.gif" width="20" height="1" alt="" /></td>
<td width="466"><img src="image/spacer.gif" width="453" height="1" alt="" /></td>
<td width="213"><img src="image/spacer.gif" width="207" height="1" alt="" /></td>
<td><img src="image/spacer.gif" width="10" height="1" alt="" /></td>
</tr>
</table>
</body>
</html>
A voir également:
- HTML tableaux et colspan
- Editeur html - Télécharger - HTML
- Tableaux croisés dynamiques - Guide
- Fusionner deux tableaux excel - Guide
- Les tableaux word - Guide
- Espace en html ✓ - Forum HTML
1 réponse
j'ai résolu mon pb :
voici le bon code pour la solution :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Spacejunk newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body bgcolor="#2A4A90" leftmargin="0" marginheight="0" marginwidth="0" style="color:#000; font: 13px 'lucida grande', lucida, verdana, sans-serif;" topmargin="0" bottommargin="0" >
<table width="720" border="0" cellspacing="0" cellpadding="0" align="center" style="font: 13px 'Lucida Grande', Lucida, Verdana, sans-serif; color:#000">
<tr>
<td height="353" colspan="4" valign="bottom" style="font-size: 0px"><img src="http://sjkbayonne.free.fr/public/images/header.jpg" width="720" height="353" alt="" border="0" align="bottom" /></td>
</tr>
<tr>
<td width="10" height="200"> </td>
<td colspan="2" valign="top" bgcolor="#FFFFFF">
<p style="padding-left:40px; padding-right:40px;">Bonjour tout le monde,</p>
<p style="padding-left:40px; padding-right:40px;">Nouvelle perf en vue</p>
</td>
<td width="10"> </td>
</tr>
<tr>
<td height="94" colspan="2"><img src="http://sjkbayonne.free.fr/public/images/footer-l.jpg" width="111" height="94" border="0" />
<td colspan="2"><img src="http://sjkbayonne.free.fr/public/images/footer-r.jpg" width="609" height="94" border="0" /></td>
</tr>
<tr>
<td height="1"></td>
<td width="101"></td>
<td width="599"></td>
<td></td>
</tr>
</table>
<br />
</body>
</html>
voici le bon code pour la solution :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Spacejunk newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
</head>
<body bgcolor="#2A4A90" leftmargin="0" marginheight="0" marginwidth="0" style="color:#000; font: 13px 'lucida grande', lucida, verdana, sans-serif;" topmargin="0" bottommargin="0" >
<table width="720" border="0" cellspacing="0" cellpadding="0" align="center" style="font: 13px 'Lucida Grande', Lucida, Verdana, sans-serif; color:#000">
<tr>
<td height="353" colspan="4" valign="bottom" style="font-size: 0px"><img src="http://sjkbayonne.free.fr/public/images/header.jpg" width="720" height="353" alt="" border="0" align="bottom" /></td>
</tr>
<tr>
<td width="10" height="200"> </td>
<td colspan="2" valign="top" bgcolor="#FFFFFF">
<p style="padding-left:40px; padding-right:40px;">Bonjour tout le monde,</p>
<p style="padding-left:40px; padding-right:40px;">Nouvelle perf en vue</p>
</td>
<td width="10"> </td>
</tr>
<tr>
<td height="94" colspan="2"><img src="http://sjkbayonne.free.fr/public/images/footer-l.jpg" width="111" height="94" border="0" />
<td colspan="2"><img src="http://sjkbayonne.free.fr/public/images/footer-r.jpg" width="609" height="94" border="0" /></td>
</tr>
<tr>
<td height="1"></td>
<td width="101"></td>
<td width="599"></td>
<td></td>
</tr>
</table>
<br />
</body>
</html>
