Problème alignement de tableau entre 2 cadre
mythdevil
Messages postés
6
Date d'inscription
Statut
Membre
Dernière intervention
-
Psyk974 Messages postés 551 Date d'inscription Statut Membre Dernière intervention -
Psyk974 Messages postés 551 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
alors ça fait quelques jours que je me penche la dessus et je trouve pas de solution :/
je suis en train de créer un site internet pr l'entreprise pr laquelle je bosse et le soucis est qu'il est impossible d'aligner le tableau du cadre du haut au tableau du cadre du bas.
http://mythdevill.free.fr/probleme_alignement.JPG
lorsque je le visualise sous n importe qu'elle explorateur internet j'obtiens
http://mythdevill.free.fr/resultat.JPG
cela vous sembles être un problème d'alignement ou autre mais j ai tout centré dans les balises
align="center"
l'alignement ce fait très bien entre les tableau lorsqu'il n y a pas de cadre.
Par contre si je copie colle les différents tableaux dans les cadres, ou que je les crée a la main,c la que les problèmes commencent
qq chose de vraiment easy deviens prise de tete comme c pas permit
voici le code source de cadre menu( du haut)
<html>
<head>
<title>Herbarom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<table width="765" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td colspan="4" valign="top"><img src="images/ptBlanc.gif" width="10" height="8"></td>
</tr>
<tr>
<td width="28" valign="top">
<div align="left"></div>
<div align="left"><img src="images/ptBlanc.gif" width="28" height="30"></div>
<div align="center"></div>
<div align="left"></div>
<div align="right" class="style3"></div>
</td>
<td width="482" valign="middle">
<div align="left"><a href="mailto:mythdevil60@hotmail.com"><img src="images/logoHerbaromNaturel2.gif" title="Cliquez pour envoyer un e-mail au secrétariat" width="220" height="104" border="0" /></a><br>
<img src="images/ptBlanc.gif" width="10" height="3"></div>
</td>
<td width="235" valign="top">
<div align="right"><a href="http://www.les-oleiades.com/les_oleiades/index.php"><span class="contact">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="104" title="www.les-oleiades.com : huile d'olive aromatisée">
<param name="movie" value="images/HuileOliveBasilicAilProvenc.swf">
<param name="quality" value="high">
<embed src="images/HuileOliveBasilicAilProvenc.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="200" height="104">
</embed>
</object> </span></a> </div>
<div align="center"></div>
<div align="center"></div>
<div align="center"></div>
</td>
<td width="20" align="right" valign="baseline"><img src="images/ptBlanc.gif" width="28" height="30"></td>
</tr>
</table>
<table width="765" height="42" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" background="images/barreLiensAromatique.gif">
<tr>
<td valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle">
<div align="left">
<table height="5" border="0" cellpadding="1" cellspacing="0">
<tr>
<td width="28"><font size="-1"></font></td>
<td width="15" valign="bottom" class="lienspagesThin">
<div align="center"><font size="-1"><a href="accueilHerbarom.htm" class="lienspages">ACCUEIL</a></font></div>
</td>
<td width="20" valign="bottom">
<div align="center"><font size="-1"><span class="barreAromatiqueNaturel">I</span></font></div>
</td>
<td width="15" valign="bottom" class="lienspagesEnCours">
<div align="center"><font size="-1"><a href="presentationHerbarom.htm" class="lienspages">PRÉSENTATION</a></font></div>
</td>
<td width="20" valign="bottom">
<div align="center"><font size="-1"><span class="barreAromatiqueNaturel">I</span></font></div>
</td>
<td valign="bottom" class="lienspages">
<div align="center"><font size="-1"><a href="ingredientsnaturels.htm" class="lienspages"><u>INGRÉDIENTS
NATURELS</u></a></font></div>
</td>
<td width="20" valign="bottom" class="lienspages">
<div align="center"><font size="-1"><span class="barreAromatiqueNaturel">I</span></font></div>
</td>
<td valign="bottom">
<div align="center" class="style3"><font size="-1"><a href="fabricationconditionnement.htm" class="lienspages">FABRICATION
& CONDITIONNEMENT</a></font></div>
</td>
<td width="20" valign="bottom">
<div align="center"><font size="-1"><span class="barreAromatiqueNaturel">I</span></font></div>
</td>
<td valign="bottom">
<div align="center"><font size="-1"><a href="contactsHerbarom.htm" class="lienspages">CONTACTS</a></font></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
le code source de main :
<html>
<head>
<title>HERBAROM LABORATOIRE - Créateur de Solutions Végétales - ACCUEIL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<div align="center"> </div>
<table width="765" height="438" border="0" align="center" cellpadding="0" cellspacing="0" background="images/fondInfosHuileOliveOleiades.gif">
<tr>
<td width="765" height="438" border="0" align="center" cellpadding="0" cellspacing="0" background="images/fondInfosHuileOliveOleiades.gif">
<div align="center">
<table width="759" height="428" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="3%" valign="top">
<p><img src="images/ptBlanc.gif" width="25" height="30"></p>
</td>
<td width="20%" valign="top">
<p class="contact"> <br>
</p>
<table width="100%" height="307" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20" colspan="2"> </td>
</tr>
<tr>
<td height="247" colspan="2"><span class="contact"> </span></td>
</tr>
<tr>
<td height="23" valign="bottom">
<div align="left"></div>
</td>
<td valign="bottom">
<div align="left"></div>
</td>
</tr>
<tr>
<td width="19" valign="bottom">
<div align="left"><span class="linkAnnexe"> </span></div>
</td>
<td width="131" valign="bottom">
<div align="left"></div>
</td>
</tr>
</table>
</td>
<td width="3%" valign="top"><img src="images/ptBlanc.gif" width="25" height="30"></td>
<td width="74%" colspan="2" valign="top"> </td>
</tr>
<tr>
<td height="30" colspan="5" valign="bottom">
<div align="center"></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
en vous remerciant
alors ça fait quelques jours que je me penche la dessus et je trouve pas de solution :/
je suis en train de créer un site internet pr l'entreprise pr laquelle je bosse et le soucis est qu'il est impossible d'aligner le tableau du cadre du haut au tableau du cadre du bas.
http://mythdevill.free.fr/probleme_alignement.JPG
lorsque je le visualise sous n importe qu'elle explorateur internet j'obtiens
http://mythdevill.free.fr/resultat.JPG
cela vous sembles être un problème d'alignement ou autre mais j ai tout centré dans les balises
align="center"
l'alignement ce fait très bien entre les tableau lorsqu'il n y a pas de cadre.
Par contre si je copie colle les différents tableaux dans les cadres, ou que je les crée a la main,c la que les problèmes commencent
qq chose de vraiment easy deviens prise de tete comme c pas permit
voici le code source de cadre menu( du haut)
<html>
<head>
<title>Herbarom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<table width="765" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td colspan="4" valign="top"><img src="images/ptBlanc.gif" width="10" height="8"></td>
</tr>
<tr>
<td width="28" valign="top">
<div align="left"></div>
<div align="left"><img src="images/ptBlanc.gif" width="28" height="30"></div>
<div align="center"></div>
<div align="left"></div>
<div align="right" class="style3"></div>
</td>
<td width="482" valign="middle">
<div align="left"><a href="mailto:mythdevil60@hotmail.com"><img src="images/logoHerbaromNaturel2.gif" title="Cliquez pour envoyer un e-mail au secrétariat" width="220" height="104" border="0" /></a><br>
<img src="images/ptBlanc.gif" width="10" height="3"></div>
</td>
<td width="235" valign="top">
<div align="right"><a href="http://www.les-oleiades.com/les_oleiades/index.php"><span class="contact">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload2.macromedia.com/get/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="104" title="www.les-oleiades.com : huile d'olive aromatisée">
<param name="movie" value="images/HuileOliveBasilicAilProvenc.swf">
<param name="quality" value="high">
<embed src="images/HuileOliveBasilicAilProvenc.swf" quality="high" pluginspage="https://get.adobe.com/flashplayer/" type="application/x-shockwave-flash" width="200" height="104">
</embed>
</object> </span></a> </div>
<div align="center"></div>
<div align="center"></div>
<div align="center"></div>
</td>
<td width="20" align="right" valign="baseline"><img src="images/ptBlanc.gif" width="28" height="30"></td>
</tr>
</table>
<table width="765" height="42" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" background="images/barreLiensAromatique.gif">
<tr>
<td valign="middle">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle">
<div align="left">
<table height="5" border="0" cellpadding="1" cellspacing="0">
<tr>
<td width="28"><font size="-1"></font></td>
<td width="15" valign="bottom" class="lienspagesThin">
<div align="center"><font size="-1"><a href="accueilHerbarom.htm" class="lienspages">ACCUEIL</a></font></div>
</td>
<td width="20" valign="bottom">
<div align="center"><font size="-1"><span class="barreAromatiqueNaturel">I</span></font></div>
</td>
<td width="15" valign="bottom" class="lienspagesEnCours">
<div align="center"><font size="-1"><a href="presentationHerbarom.htm" class="lienspages">PRÉSENTATION</a></font></div>
</td>
<td width="20" valign="bottom">
<div align="center"><font size="-1"><span class="barreAromatiqueNaturel">I</span></font></div>
</td>
<td valign="bottom" class="lienspages">
<div align="center"><font size="-1"><a href="ingredientsnaturels.htm" class="lienspages"><u>INGRÉDIENTS
NATURELS</u></a></font></div>
</td>
<td width="20" valign="bottom" class="lienspages">
<div align="center"><font size="-1"><span class="barreAromatiqueNaturel">I</span></font></div>
</td>
<td valign="bottom">
<div align="center" class="style3"><font size="-1"><a href="fabricationconditionnement.htm" class="lienspages">FABRICATION
& CONDITIONNEMENT</a></font></div>
</td>
<td width="20" valign="bottom">
<div align="center"><font size="-1"><span class="barreAromatiqueNaturel">I</span></font></div>
</td>
<td valign="bottom">
<div align="center"><font size="-1"><a href="contactsHerbarom.htm" class="lienspages">CONTACTS</a></font></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
le code source de main :
<html>
<head>
<title>HERBAROM LABORATOIRE - Créateur de Solutions Végétales - ACCUEIL</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<div align="center"> </div>
<table width="765" height="438" border="0" align="center" cellpadding="0" cellspacing="0" background="images/fondInfosHuileOliveOleiades.gif">
<tr>
<td width="765" height="438" border="0" align="center" cellpadding="0" cellspacing="0" background="images/fondInfosHuileOliveOleiades.gif">
<div align="center">
<table width="759" height="428" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="3%" valign="top">
<p><img src="images/ptBlanc.gif" width="25" height="30"></p>
</td>
<td width="20%" valign="top">
<p class="contact"> <br>
</p>
<table width="100%" height="307" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="20" colspan="2"> </td>
</tr>
<tr>
<td height="247" colspan="2"><span class="contact"> </span></td>
</tr>
<tr>
<td height="23" valign="bottom">
<div align="left"></div>
</td>
<td valign="bottom">
<div align="left"></div>
</td>
</tr>
<tr>
<td width="19" valign="bottom">
<div align="left"><span class="linkAnnexe"> </span></div>
</td>
<td width="131" valign="bottom">
<div align="left"></div>
</td>
</tr>
</table>
</td>
<td width="3%" valign="top"><img src="images/ptBlanc.gif" width="25" height="30"></td>
<td width="74%" colspan="2" valign="top"> </td>
</tr>
<tr>
<td height="30" colspan="5" valign="bottom">
<div align="center"></div>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>
en vous remerciant
A voir également:
- Problème alignement de tableau entre 2 cadre
- Tableau word - Guide
- Supercopier 2 - Télécharger - Gestion de fichiers
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
2 réponses
Des fois si tu veux décalé par exemple des image dans un tableau, cré des cellules de tableau vide. Tu peux faire
<td></td>
<td></td>
<td></td>
<td></td>
...
Le nombre de fois que tu veux.. Ca permet de décaler.. Bien sur c pa top mais tu peux ... ;)
<td></td>
<td></td>
<td></td>
<td></td>
...
Le nombre de fois que tu veux.. Ca permet de décaler.. Bien sur c pa top mais tu peux ... ;)