[Tableau] autoajustement et lignes de séparations invisibles

autoajustement et lignes de séparations invisibles [Tableau] - HTML/CSS - Programmation

Marsh Posté le 10-10-2003 à 14:46:04    

Bonjour,
 
Je souhaiterai afficher une ligne de tableau comportant 2 cellules.
Voici le bout de code :

Code :
  1. <table class="tableau" cellspacing="1" cellpadding="3" width="100%"
  2. border="0">
  3.   <tbody>
  4.   <tr>
  5.     <td class="Tableau_titre" width="100%" height="28">Texte de gauche</td>
  6.     <td class="Tableau_titre" width="100%" height="28" align="right">Txt de droite</td>
  7.   </tr>
  8.   </tbody>
  9. </table>


Voici ce que je n'arrive pas à faire :
- j'aimerai que la cellule où se trouve le "Txt de droite" soit auto-adapté à la longueur du "Txt de droite". Autrement dit, que la cellule où se trouve le "Texte de gauche" s'auto-ajuste en fonction de la résolution, sur toute la largeur, moins la largeur de la cellule du "Txt de droite"
- j'aimerai qu'aucune ligne de séparation ne s'affiche entre les deux cellules.
 
Bon j'espère être assez clair dans mon explication :heink:  
J'ai cherché dans les How-to et autre sites pour webmaster le paramètre mais à chaque fois je n'arrive pas au résultat escompté.
 
Merci bcp pour votre coup de pouce ;)

Reply

Marsh Posté le 10-10-2003 à 14:46:04   

Reply

Marsh Posté le 10-10-2003 à 14:50:04    

Code :
  1. <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber1">
  2.   <tr>
  3.     <td width="50%" style="border-style: none; border-width: medium">Texte de gauche</td>
  4.     <td width="50%" style="border-style: none; border-width: medium">
  5.     <p align="right">Txt de droite</td>
  6.   </tr>
  7. </table>


---------------
“ Un avis d’un homme non avisé ne doit jamais être pris en compte par un homme avisé. ” Jean Plancher, 1810, Taverne « Chez Bonaparte »
Reply

Marsh Posté le 10-10-2003 à 15:09:38    

Merci :)
Bon j'ai fait qques tests, et c'est pas concluant.
Je vais m'y prendre autrement.
 
Voici le tableau en question qui me pose problème : http://www.onpeutlefaire.com/infos [...] idique.php
La cellule qui me pose problème est celle où il y a les boutons http://www.onpeutlefaire.com/images/source.gifhttp://www.onpeutlefaire.com/images/date.gif
J'aimerai supprimer la ligne orange qui sépare cette cellule de son homologue de gauche :)
 
Voici le code html de tout le tableau :

Code :
  1. <table class="tableau" cellspacing="1" cellpadding="3" width="100%"
  2. border="0">
  3.   <tbody>
  4.   <tr>
  5.     <td class="Tableau_titre" background="../images/cellpic1.gif" height="28" width="100%" bgcolor="#FFCC66"><a name="congesabbatique"></a>Le
  6.       cong&eacute; pour cr&eacute;ation d'entreprise et le cong&eacute; sabbatique</td>
  7.     <td class="Tableau_titre" background="../images/cellpic1.gif" height="28" bgcolor="#FFCC66" align="right"><a href="http://www.travail.gouv.fr/infos_pratiques/asp/details_pratiques.asp?Niveau1=1&Niveau2=92&Niveau3=8&Niveau4=9&Idfiche=193"><img src="../images/source.gif" width="21" height="21" alt="Site officiel du Ministère Français du Travail" border="0"></a><img src="../images/date.gif" width="21" height="21" alt="Mis en ligne le 22/09/03"></td>
  8.   </tr>
  9.   <tr>
  10.     <td class="row1" valign="top" align="left" bgcolor="#FFFFCC" colspan="2">
  11.       <p><b><span class="Tableau_partie_2">Qui est concern&eacute; ?</span></b></p>
  12.       <ul>
  13.         <li><span class="Tableau_texte_normal"><b>Le cong&eacute; pour cr&eacute;ation
  14.           d'entreprise </b><br>
  15.           Tout salari&eacute; dont l'anciennet&eacute; dans l'entreprise - ou
  16.           dans une entreprise du m&ecirc;me groupe - est d'au moins 24 mois cons&eacute;cutifs
  17.           ou non .<br>
  18.           L'int&eacute;ress&eacute; doit avoir pour projet de reprendre ou de
  19.           cr&eacute;er une entreprise : il peut s'agir d'une entreprise industrielle,
  20.           commerciale, artisanale ou agricole, cr&eacute;&eacute;e ou reprise
  21.           &agrave; titre individuel ou sous la forme d'une soci&eacute;t&eacute;,
  22.           &agrave; condition toutefois que le salari&eacute; b&eacute;n&eacute;ficiaire
  23.           du cong&eacute; en d&eacute;tienne effectivement le contr&ocirc;le.
  24.           w<br>
  25.           </span></li>
  26.         <li><span class="Tableau_texte_normal"><b>Le cong&eacute; sabbatique </b><br>
  27.           Tout salari&eacute; dont l'anciennet&eacute; dans l'entreprise - ou
  28.           dans une entreprise du m&ecirc;me groupe - est d'au moins 36 mois cons&eacute;cutifs
  29.           ou non et qui justifie de 6 ann&eacute;es d'activit&eacute; professionnelle,
  30.           sans avoir b&eacute;n&eacute;fici&eacute;, au cours des 6 ann&eacute;es
  31.           pr&eacute;c&eacute;dentes, dans l'entreprise, d'un cong&eacute; sabbatique,
  32.           d'un cong&eacute; pour cr&eacute;ation d'entreprise ou d'un cong&eacute;
  33.           de formation d'au moins 6 mois. </span></li>
  34.       </ul>
  35.     </td>
  36.   </tr>
  37.   <tr>
  38.     <td class="row1" valign="top" align="left" bgcolor="#FFFFCC" colspan="2">
  39.       <p><b class="Texte_tableau_4"><span class="Tableau_partie_2">Quelles sont
  40.         les caract&eacute;ristiques ? </span></b><span class="Tableau_texte_normal"><br>
  41.         </span></p>
  42.       <ul>
  43.         <li class="Tableau_texte_normal"><b>Le maintien du contrat de travail
  44.           </b><br>
  45.           Durant le cong&eacute; pour cr&eacute;ation d'entreprise, le contrat
  46.           de travail est simplement suspendu : le salari&eacute; fait toujours
  47.           partie des effectifs de l'entreprise, mais l'employeur n'a pas l'obligation
  48.           de le r&eacute;mun&eacute;rer. <br>
  49.           Durant cette p&eacute;riode le salari&eacute; n'acquiert ni anciennet&eacute;,
  50.           ni droit &agrave; cong&eacute;s pay&eacute;s. <br>
  51.           Sauf s'il a express&eacute;ment mentionn&eacute; cette possibilit&eacute;
  52.           dans sa demande, le salari&eacute; ne peut pas exiger de revenir dans
  53.           l'entreprise avant le terme de son cong&eacute;.<br>
  54.         </li>
  55.         <li class="Tableau_texte_normal"><b>La dur&eacute;e du cong&eacute; </b><br>
  56.           La dur&eacute;e du cong&eacute; pour cr&eacute;ation d'entreprise est
  57.           fix&eacute;e &agrave; un an. Mais le salari&eacute; a la possibilit&eacute;
  58.           de b&eacute;n&eacute;ficier d'une ann&eacute;e de cong&eacute; suppl&eacute;mentaire
  59.           en informant l'employeur - deux mois au moins avant le terme de la premi&egrave;re
  60.           ann&eacute;e de cong&eacute; et par lettre recommand&eacute;e avec accus&eacute;
  61.           de r&eacute;ception - de porter la dur&eacute;e du cong&eacute; &agrave;
  62.           2 ans. <br>
  63.         </li>
  64.         <li class="Tableau_texte_normal"><b>Le choix du salari&eacute; &agrave;
  65.           la fin du cong&eacute; pour cr&eacute;ation d'entreprise </b><br>
  66.           - Le salari&eacute; peut r&eacute;int&eacute;grer l'entreprise. Il retrouve
  67.           alors son emploi pr&eacute;c&eacute;dent, ou un similaire, ainsi que
  68.           sa r&eacute;mun&eacute;ration. <br>
  69.           - Le salari&eacute; a la possibilit&eacute; de rompre son contrat de
  70.           travail sans avoir &agrave; effectuer de pr&eacute;avis.</li>
  71.       </ul>
  72.     </td>
  73.   </tr>
  74.   <tr>
  75.     <td class="row1" valign="top" align="left" bgcolor="#FFFFCC" colspan="2">
  76.       <p class="Tableau_texte_normal" align="justify"><img src="../images/main.gif" width="17" height="15" align="absmiddle">
  77.         <a href="http://www.travail.gouv.fr/infos_pratiques/asp/details_pratiques.asp?Niveau1=1&Niveau2=92&Niveau3=8&Niveau4=9&Idfiche=193" target="_blank">Explications
  78.         sur le site officiel du Minist&egrave;re Fran&ccedil;ais du Travail</a></p>
  79.     </td>
  80.   </tr>
  81.   </tbody>
  82. </table>


Voici aussi au cas où le code css de mes tableaux :

Code :
  1. .tableau { background-color: #f9d661; border: 2px #f98484 solid; }


 
Voilà ce que je souhaite obtenir :)
 
Merci d'avance


Message édité par ecliptux le 10-10-2003 à 15:10:53
Reply

Marsh Posté le 10-10-2003 à 16:27:31    

Personne ?

Reply

Marsh Posté le 10-10-2003 à 17:20:43    

Je serais d'avis de virer les tableaux, et de mettre de jolies div à la place...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
Reply

Marsh Posté le 10-10-2003 à 17:24:12    

Euh.... et c'est censé faire quoi ?


Message édité par ecliptux le 10-10-2003 à 17:31:44
Reply

Marsh Posté le 10-10-2003 à 17:42:30    

[:fear]


---------------
Hey toi, tu veux acheter des minifigurines Lego, non ?
Reply

Marsh Posté le 10-10-2003 à 17:45:45    

ecliptux a écrit :

Euh.... et c'est censé faire quoi ?


 
Nettoyer grandement le code, séparer contenu / présentation, alléger la page, être aux normes point de vue accessibilité, etc, etc...


---------------
W3C : Leading the Web to Its Full Potential... - Membre du W3C l33t club
Reply

Marsh Posté le 14-10-2003 à 10:36:19    

OK.... j'ai essayé de remplacer la balise et mon tableau n'apparait plus correctement.
Bref : personne n'a d'idée donc pour virer ce trait orange et rien que lui ?

Reply

Sujets relatifs:

Leave a Replay

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