Problème alignement de tableau entre 2 cadre

Fermé
mythdevil Messages postés 6 Date d'inscription mercredi 11 février 2009 Statut Membre Dernière intervention 22 juin 2009 - 11 févr. 2009 à 15:18
Psyk974 Messages postés 551 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 30 mars 2010 - 13 févr. 2009 à 07:32
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
A voir également:

2 réponses

mythdevil Messages postés 6 Date d'inscription mercredi 11 février 2009 Statut Membre Dernière intervention 22 juin 2009
12 févr. 2009 à 13:57
ben alors ils sont ou les skilled informaticiens ??
0
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
13 févr. 2009 à 07:20
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 ... ;)
0
Psyk974 Messages postés 551 Date d'inscription lundi 2 février 2009 Statut Membre Dernière intervention 30 mars 2010 51
13 févr. 2009 à 07:32
Regarde les DIV sur https://openclassrooms.com/fr/
0