Probleme super etrange de tableaux superposés [resolu]

Probleme super etrange de tableaux superposés [resolu] - HTML/CSS - Programmation

Marsh Posté le 15-06-2005 à 12:34:35    

bonjour
 
j'ai un probleme ultra étrange.
j'ai un menu fait avec des tableaux (oui je sais c'est mal mais j'ai pas trop le choix là).
Ca marchait bien, j'ai ajouté un élément. Et ça marche plus.
En fait, sous IE ça marche, mais sous FF ca marche pas :'(
le problème : les deux derniers tableaux sont superposés...
 
Voilà mon code. Je sais, c'est pourri, je sais, c'est imbitable, mais je peux pas tout modifier, j'ai pas vraiment le temps.
 

Code :
  1. <html>
  2. <head>
  3. <title>Document sans titre</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. </head>
  6. <body>
  7. <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#CC3366">
  8.   <tr>
  9.     <td>
  10.       <table width="100%" border="0" cellspacing="0" cellpadding="0">
  11.         <tr>
  12.           <td width="20" height="20" align="left" valign="top"><img src="forme/ron_hg.gif" width="25" height="20"></td>
  13.           <td align="center" width="100%" height="20" valign="middle" class="bandeau">Actualit&eacute;</td>
  14.           <td height="20" width="20" align="right" valign="top"><img src="forme/ron_hd.gif" width="25" height="20"></td>
  15.         </tr>
  16.       </table>
  17.     </td>
  18.   </tr>
  19.   <tr>
  20.     <td>
  21.       <table border="0" bgcolor="#CC0000" width="100%" cellspacing="0" cellpadding="0">
  22.         <tr>
  23.           <td align="center" valign="top" width="15"> <img src="forme/ron_puce.gif" width="15" height="20" border="0"></td>
  24.           <td align="left" width="100%"><a href="/wwwEVA/00_koama/visu/visu_contenu.asp?compo_id=1571&langu_id=1&news=true#1894"> fezq</a> <font size="2">&nbsp; </font></td>
  25.         </tr>
  26.       </table>
  27.       <table border="0" bgcolor="#CC0000" width="100%" cellspacing="0" cellpadding="0">
  28.         <tr>
  29.           <td align="center" valign="top" width="15"> <img src="forme/ron_puce.gif" width="15" height="20" border="0"></td>
  30.           <td align="left" width="100%"><a href="/wwwEVA/00_koama/visu/visu_contenu.asp?compo_id=711&langu_id=1&news=true#1646"> Ecole</a> <font size="2">&nbsp; </font></td>
  31.         </tr>
  32.       </table>
  33.       <table border="0" bgcolor="#CC0000" width="100%" cellspacing="0" cellpadding="0">
  34.         <tr>
  35.           <td align="center" valign="top" width="15"> <img src="forme/ron_puce.gif" width="15" height="20" border="0"></td>
  36.           <td align="left" width="100%"><a href="/wwwEVA/00_koama/visu/visu_contenu.asp?compo_id=1289&langu_id=1&news=true#1573"> R4</a> <font size="2">&nbsp; </font></td>
  37.         </tr>
  38.       </table>
  39.   </tr>
  40.   <tr>
  41.     <td  bgcolor="#CC0000"><img src="forme/trans2_2.gif" width="2" height="5"></td>
  42.   </tr>
  43.   <tr>
  44.     <td><img src="forme/trans2_2.gif" width="2" height="2"></td>
  45.   </tr>
  46. </table>
  47. <br>
  48. <form name="frmLogin" method="post" action="login/check_login.asp" style=" height: 18px" onSubmit="FcLoginEnvoi();" >
  49.   <table width="100%" height="10" border="0" cellpadding="0" cellspacing="0" bgcolor="#CC3366">
  50.     <tr>
  51.       <td>
  52.         <table width="100%" border="0" cellspacing="0" cellpadding="0">
  53.           <tr>
  54.             <td width="20" height="20" align="left" valign="top"><img src="forme/ron_hg.gif" width="25" height="20"></td>
  55.             <td align="center" width="100%" height="20" valign="middle" class="bandeau">Identification</td>
  56.             <td height="20" width="20" align="right" valign="top"><img src="forme/ron_hd.gif" width="25" height="20"></td>
  57.           </tr>
  58.         </table>
  59.       </td>
  60.     </tr>
  61.     <tr>
  62.       <td>
  63.         <table border="0" bgcolor="#CC0000" cellspacing="0" cellpadding="0" width="100%">
  64.           <tr>
  65.             <td align="center" >
  66.               <table width="100%" border="0" cellspacing="3" cellpadding="0" >
  67.                 <tr>
  68.                   <td class="identsmall"> Votre profil : &quot;Administrateur ". <br>
  69.                     Vous visualisez avec le profil : &quot;Public &quot; . </td>
  70.                 </tr>
  71.               </table>
  72.             </td>
  73.           </tr>
  74.           <tr>
  75.             <td height="10" align="center">
  76.               <table width="100%" border="0" cellspacing="0" cellpadding="0">
  77.                 <tr>
  78.                   <td>
  79.                     <table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
  80.                       <tr>
  81.                         <td class="identsmall" align="right" >&nbsp;</td>
  82.                         <td width="89%" align="left" class="identsmall"  >Utilisateur&nbsp;:</td>
  83.                       </tr>
  84.                       <tr>
  85.                         <td class="identsmall" align="right" width="11%" >&nbsp; </td>
  86.                         <td align="left">
  87.                           <input type="text" name="inscr_login" size="10" style="width: 60px; height: 18px">
  88. &nbsp; </td>
  89.                       </tr>
  90.                       <tr>
  91.                         <td class="identsmall" align="right" valign="middle" font size="-2" >&nbsp;</td>
  92.                         <td align="left" valign="middle" class="identsmall"  >Mot&nbsp;de&nbsp;passe&nbsp;:</td>
  93.                       </tr>
  94.                       <tr>
  95.                         <td class="identsmall" align="right" valign="middle" width="11%" font size="-2" >&nbsp;</td>
  96.                         <td align="left" valign="middle">
  97.                           <input type="password" name="inscr_pass" size="10" style="width: 60px; height: 18px">
  98.                           <input name="compo_id" type="hidden" value="711" >
  99.                           <input name="compo_id_master" type="hidden" value="" >
  100.                           <input name="langu_id" type="hidden" value="1" >
  101. &nbsp; </td>
  102.                       </tr>
  103.                       <tr>
  104.                         <td align="right" valign="middle">&nbsp;</td>
  105.                         <td align="left" valign="middle"><input type="image" src="forme/ron_puce.gif" width="15" height="20" border="0" align="absmiddle">
  106.                           <a href="#" onClick="return false;" onMouseDown="FcLoginEnvoi()">Valider</a> </td>
  107.                       </tr>
  108.                       <tr>
  109.                         <td align="right" valign="middle">&nbsp;</td>
  110.                         <td align="left" valign="middle"><a href="Inscrit/visu_crea_inscrit.asp"><img src="forme/ron_puce.gif" width="15" height="20" border="0" align="absmiddle">S'incrire</a></td>
  111.                       </tr>
  112.                     </table>
  113.                   </td>
  114.                 </tr>
  115.               </table>
  116.             </td>
  117.           </tr>
  118.         </table>
  119.       </td>
  120.     </tr>
  121.     <tr>
  122.       <td bgcolor="#CC0000" class="identsmall">Identifiez-vous. Et que ça saute.</td>
  123.     </tr>
  124.     <tr>
  125.       <td bgcolor="#CC0000"><img src="forme/trans2_2.gif" width="2" height="5"></td>
  126.     </tr>
  127.     <tr>
  128.       <td><img src="forme/trans2_2.gif" width="2" height="2"></td>
  129.     </tr>
  130.   </table>
  131. </form>
  132. <br>
  133. <form name="inscr_newsletter" action="newsletter_inscription.asp" method="post">
  134.   <table width="100%" height="10" border="0" cellpadding="0" cellspacing="0" bgcolor="#CC3366">
  135.     <tr>
  136.       <td>
  137.         <table width="100%" border="0" cellspacing="0" cellpadding="0">
  138.           <tr>
  139.             <td width="20" height="20" align="left" valign="top"><img src="forme/ron_hg.gif" width="25" height="20"></td>
  140.             <td align="center" width="100%" height="20" valign="middle" class="bandeau">Newsletter</td>
  141.             <td height="20" width="20" align="right" valign="top"><img src="forme/ron_hd.gif" width="25" height="20"></td>
  142.           </tr>
  143.         </table>
  144.       </td>
  145.     </tr>
  146.     <tr>
  147.       <td>
  148.         <table border="0" bgcolor="#CC0000" cellspacing="0" cellpadding="0" width="100%">
  149.           <tr>
  150.             <td colspan="2" class="identsmall">Pour vous inscrire a la lettre
  151.               d'information Diffusion, veuillez entrer votre mail.</td>
  152.           </tr>
  153.           <tr>
  154.             <td class="identsmall"><img src="forme/trans2_2.gif" width="10" height="5"></td>
  155.             <td class="identsmall"><input name="mail" type="text" id="mail" size="10">
  156.             </td>
  157.           </tr>
  158.           <tr>
  159.             <td class="identsmall">&nbsp;</td>
  160.             <td class="identsmall"><input name="image" type="image" src="forme/ron_puce.gif" align="absmiddle" width="15" height="20" border="0">
  161.               <a href="#" onClick="return false;" onMouseDown="FcNewsletterEnvoi()">S'inscrire</a> </td>
  162.           </tr>
  163.           <tr>
  164.             <td bgcolor="#CC0000">&nbsp;</td>
  165.             <td bgcolor="#CC0000"><img src="forme/trans2_2.gif" width="2" height="5"></td>
  166.           </tr>
  167.           <tr>
  168.             <td>&nbsp;</td>
  169.             <td><img src="forme/trans2_2.gif" width="2" height="2"></td>
  170.           </tr>
  171.         </table>
  172.       </td>
  173.     </tr>
  174.   </table>
  175. </form>
  176. </body>
  177. </html>


 
est-ce que vous auriez une idée ? (à part virer les tableaux)
 
 
Merci ! :)


Message édité par cosmoschtroumpf le 15-06-2005 à 13:07:58

---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Marsh Posté le 15-06-2005 à 12:34:35   

Reply

Marsh Posté le 15-06-2005 à 12:59:23    

si ça marche sous ie et pas sous ff c peut etre un pb de balise fermante manquante

Reply

Marsh Posté le 15-06-2005 à 13:05:49    

ben je regarde, mais a priori, y'a tout qui va bien, et la validation w3c ne me met rien d'autre que des erreurs genre "cette balise est obsolète" ou "cet attribut n'existe pas", ou d'autres trucs comme ca... :/


---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Marsh Posté le 15-06-2005 à 13:07:44    

ok j'ai trouvé [:petrus75]
 
dans le premier form y'a un style="height: 18px;" que je me demande bien ce qu'il fout là [:petrus75]
 
bon merci :o


---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Marsh Posté le 15-06-2005 à 13:38:54    

P'tain, t'aurais pas pu faire plus lourd comme code source ? Parfois je me demande pourquoi les gens pondent des solutions ultra-lourdingue et cherchent à faire compliqué, alors qu'en 10 lignes et 3 listes imbriquées c'est fait...
Le rôle du développeur HTML, c'est avant tout de pondre un code léger, pas une usine à gaz qui empêche tout évolution ;)

Reply

Marsh Posté le 15-06-2005 à 14:07:57    

oui, mais le role du stagiaire développeur, c'est de faire ce qu'on lui dit, je le crains :o
 
 
si j'avais le temps, je modifierais tout ça pour faire quelque chose de nettement mieux (ca doit pas etre difficile), mais là, j'ai 50 trucs à faire en très peu de temps, je peux pas reprendre tout le code de la page :/
mais ça arrive, ça arrive... [:dawa]


Message édité par cosmoschtroumpf le 15-06-2005 à 14:09:39

---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Marsh Posté le 15-06-2005 à 14:09:47    

Mais quand-même. Je veux bien qu'on ne surfe pas sur la vague CSS... Je veux bien qu'on utilise du DOM-0... Mais à ce point-là, non, là je comprend pas... On dirait que c'est mettre des tableaux parce qu'il faut utiliser du tableau. Style le mec il ne veut que du tableau. Il a viré les <p>, et remplacé ça par un tableau à cellule unique. Pour mettre un lien, il met d'abord le lien dans un tableau.  D'ailleurs y'a ni head ni body, y'a un tableau à deux lignes...

Reply

Marsh Posté le 15-06-2005 à 14:10:40    

ouais ben dans ma boite j'ai des stagiaire developpeur qu'on met à faire du hTML et Javascript, on leur dit meme po qu'il faut faire quelque chose de propre et on trouve un code de merde pareil.  
 
Tu aurais du tout reprendre et leur montrer que tu fais un code propre

Reply

Marsh Posté le 15-06-2005 à 14:11:46    

Oui, je suis d'accord avec toi, celui qui a fait ça, a fait ça avec les pieds.
Et encore, t'as pas vu l'asp qu'il y a autour, une véritable horreur.
 
Et malheureusement, c'est moi qui me tape ça, je suis obligé de bosser avec dreamweaver sinon le boulay qui me sert de patron est perdu, et si je veux le refaire, ça sera pendant mon temps libre :'(


---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Marsh Posté le 15-06-2005 à 14:12:36    

Ah ouais ok :sweat:

Reply

Marsh Posté le 15-06-2005 à 14:12:36   

Reply

Marsh Posté le 15-06-2005 à 14:18:03    

gatsusat a écrit :

Tu aurais du tout reprendre et leur montrer que tu fais un code propre


 
Oui, mais en fait, ils s'en foutent. C'est l'horreur, d'ailleurs.
 
 
 
 
J'aimerais préciser quelque chose quand-même : je suis à 100% pour le xhtml/css. Tous mes sites persos que j'ai fait depuis quelques années sont comme ça, ou tendent vers ça au maximum. Je suis super anti-tableaux, surtout en ce moment.
Mais là, je suis, certes pas stagiaire comme je l'ai dit mais en alternance (ca revient au meme), mon patron utilise dreamweaver, fait tout avec dreamweaver parce qu'il ne sait pas programmer, et quand il y a une tite modif à faire, c'est moi qui me tape le code de merde à modifier tant bien que mal. Et comme mon patron utilise les tableaux partout, ben je me tape des tableaux partout. En plus de ça, détail rigolo, on utilise un moteur de génération de site qui ne permet pas très facilement de modifier les css.
Et comme on ne me donne pas le temps de tout refaire, ben je vais m'y mettre petit à petit (je suis en train de me faire un cahier des charges), mais ca sera pas pour tout de suite, et en attendant, ben je me tape des putains de tableaux.
 
Voilà.


---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed