Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1707 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme super etrange de tableaux superposés [resolu]

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Probleme super etrange de tableaux superposés [resolu]

n°1120659
cosmoschtr​oumpf
dawa powered
Posté le 15-06-2005 à 12:34:35  profilanswer
 

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
mood
Publicité
Posté le 15-06-2005 à 12:34:35  profilanswer
 

n°1120699
victorus_e​cl
PIBCAK
Posté le 15-06-2005 à 12:59:23  profilanswer
 

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

n°1120707
cosmoschtr​oumpf
dawa powered
Posté le 15-06-2005 à 13:05:49  profilanswer
 

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
n°1120708
cosmoschtr​oumpf
dawa powered
Posté le 15-06-2005 à 13:07:44  profilanswer
 

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
n°1120739
FlorentG
Posté le 15-06-2005 à 13:38:54  profilanswer
 

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 ;)

n°1120777
cosmoschtr​oumpf
dawa powered
Posté le 15-06-2005 à 14:07:57  profilanswer
 

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
n°1120778
FlorentG
Posté le 15-06-2005 à 14:09:47  profilanswer
 

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...

n°1120780
gatsusat
Posté le 15-06-2005 à 14:10:40  profilanswer
 

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

n°1120783
cosmoschtr​oumpf
dawa powered
Posté le 15-06-2005 à 14:11:46  profilanswer
 

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
n°1120785
FlorentG
Posté le 15-06-2005 à 14:12:36  profilanswer
 

Ah ouais ok :sweat:

mood
Publicité
Posté le 15-06-2005 à 14:12:36  profilanswer
 

n°1120796
cosmoschtr​oumpf
dawa powered
Posté le 15-06-2005 à 14:18:03  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Probleme super etrange de tableaux superposés [resolu]

 

Sujets relatifs
probleme appel date du jour dans BDDprobleme de dereferencement
[RESOLU] Personnaliser la barre de menu AccessProblème INCLUDE + page accueil
[assembleur] probleme d'interruption avec 68HC11Probleme de session
Problème de variable pour affichage de pages[ActiveX][CAB] web install / problème téléchargement
Probléme de Tableau HTML [ Colspawn Rospawn]probleme .htaccess et fichier PHP
Plus de sujets relatifs à : Probleme super etrange de tableaux superposés [resolu]


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR