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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [HTML] Problème avec la balise <table>

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[HTML] Problème avec la balise <table>

n°350331
*syl*
--&gt; []
Posté le 02-04-2003 à 16:50:48  profilanswer
 

Slt ! :hello:  
 
J'ai qq petits soucis, voici un exemple du pb :
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>huhu</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. </head>
  7. <body>
  8. <center>
  9. <table width="750" border="1" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0">
  10.   <tr>
  11.     <td width="600">gauche</td>
  12.     <td align="right">aligne a droite</td>
  13.   </tr>
  14.   <tr>
  15.     <td width="150">Gauche</td>
  16.     <td width="600">Droite</td>
  17.   </tr>
  18. </table>
  19. </center>
  20. </body>
  21. </html>


 
Je voudrais que sur la 1ère ligne, la 1ère cellule fasse 600px, la 2nd fasse 150 px et soit aligné à droite puis je voudrais sur la 2ème ligne que la 1ère cellule fasse 150px et la 2nd fasse 600px mais j'y arrive pas, la 1ère colonne fait 150px et la 2nd 600px :sweat:  
 
Un ch'ti peu d'aide serait la bienvenue :)


Message édité par *syl* le 02-04-2003 à 17:11:53
mood
Publicité
Posté le 02-04-2003 à 16:50:48  profilanswer
 

n°350376
*syl*
--&gt; []
Posté le 02-04-2003 à 17:19:13  profilanswer
 

J'pourrais résoudre le pb en faisant 2 tables mais c'est la méthode crade et j'en veux pas :D

n°350392
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 17:23:17  profilanswer
 

C'est logique. Les tableaux ça marche par colonne et donc toutes les cellules dans une même colonne ont la même largeur.
 
Donc soit :
- tu fais 2 tableaux (le plus simple)
- tu joues avec colspan et tu définies 3 colonnes : une de 150, une de 450 et une de 150. Sur la première ligne tu fusionnes les 2 premières cellules et sur la seconde ligne tu fusionnes les 2 dernières (avec colspan="2" ). Pour définir les 3 colonnes il faudra ajouter juste après <table> :
 

     <colgroup>
        <col width="150" />
        <col width="450" />
        <col width="150" />
      </colgroup>


 
Mais c'est pas dit que ça marche partout...


Message édité par gm_superstar le 02-04-2003 à 19:43:43

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°350393
antp
Super Administrateur
Champion des excuses bidons
Posté le 02-04-2003 à 17:23:29  profilanswer
 

pas possible, à moins de faire 4 colonnes et d'utiliser les colspan
 
edit: grilled [:tinostar]


Message édité par antp le 02-04-2003 à 17:24:07
n°350406
*syl*
--&gt; []
Posté le 02-04-2003 à 17:29:51  profilanswer
 

gm_superstar a écrit :

C'est logique. Les tableaux ça marche par colonne et donc toutes les cellules dans une même colonne ont la même largeur.

Oui mais c'était pas idiot de penser qu'il y avait moyen de pouvoir modifier la largeur des celulles sur chaque ligne. ;)
 
Bon..je pars sur la solution 2 tableaux alors.. :)
Ça faisait facilement 1h que j'essayais désespéremment d'utiliser qu'un seul tableau :sweat:  
 
Merci bcp :hello:

n°350414
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 17:36:13  profilanswer
 

Mouais, les 2 tableaux sont la moins mauvaise solution parce que ma 2ème proposition ne marche pas avec IE.
 
IE a besoin, qu'à un moment donné les 3 colonnes soient affichées explicitement, sinon les colonnes fusionnées n'ont pas la bonne largeur...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°350478
MagicBuzz
Posté le 02-04-2003 à 19:37:36  profilanswer
 

C'est pourtant pas compliqué sous IE...
 

<table ...>
<!-- Ligne fictive pour que IE formatte bien -->
  <tr>
    <td height="0" width="150"></td>
    <td height="0" width="450"></td>
    <td height="0" width="150"></td>
  </tr>
  <tr>
    <td width="600" colspan="2"></td>
    <td width="150"></td>
  </tr>
  <tr>
    <td width="150"></td>
    <td width="150" colspan="2"></td>
  </tr>
</table>


PS: chez moi, 600 + 150 = 750, et 150 + 300 + 150 = 600, donc y manque un peu 150 dans la réponse de gm_superstar :D
 
PS²: height à la balise TD n'est plus W3C, mais IE2 à 6 et NS3 à 6 le supportent très bien.

n°350481
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 19:42:36  profilanswer
 

Oui mais tu remarqueras que ta première ligne vide occupe un espace non nul qu'il semble impossible de réduire.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°350488
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 19:44:24  profilanswer
 

MagicBuzz a écrit :

PS: chez moi, 600 + 150 = 750, et 150 + 300 + 150 = 600, donc y manque un peu 150 dans la réponse de gm_superstar :D


Oui corrigé.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°350508
MagicBuzz
Posté le 02-04-2003 à 19:54:01  profilanswer
 

be disons que moi ça me pose pas de problème, j'utilise jamais border="0" car d'un nav à l'autre ça fait pas toujours pareil, et surtout ça prends de la place dont on est pas maître, ce qui est très chiant quand on doit faire un tableau au pixel près ;)
 
Moi je fais :
 

Code :
  1. <table border="0" cellpadding="0" cellsacing="0" cols="7" rows="5" width="753">
  2.   <tr>
  3.     <td width="1" height="1" bgcolor="black"></td>
  4.     <td width="150" height="1" bgcolor="black"></td>
  5.     <td width="1" height="1" bgcolor="black"></td>
  6.     <td width="449" height="1" bgcolor="black"></td>
  7.     <td width="1" height="1" bgcolor="black"></td>
  8.     <td width="150" height="1" bgcolor="black"></td>
  9.     <td width="1" height="1" bgcolor="black"></td>
  10.   <tr>
  11.   <tr>
  12.     <td width="1" bgcolor="black"></td>
  13.     <td width="150"></td>
  14.     <td width="1" bgcolor="black"></td>
  15.     <td width="600" colspan="3"></td>
  16.     <td width="1" bgcolor="black"></td>
  17.   <tr>
  18.   <tr>
  19.     <td width="1" height="1" bgcolor="black"></td>
  20.     <td width="150" height="1" bgcolor="black"></td>
  21.     <td width="1" height="1" bgcolor="black"></td>
  22.     <td width="449" height="1" bgcolor="black"></td>
  23.     <td width="1" height="1" bgcolor="black"></td>
  24.     <td width="150" height="1" bgcolor="black"></td>
  25.     <td width="1" height="1" bgcolor="black"></td>
  26.   <tr>
  27.   <tr>
  28.     <td width="1" bgcolor="black"></td>
  29.     <td width="600" colspan="3"></td>
  30.     <td width="1" bgcolor="black"></td>
  31.     <td width="150"></td>
  32.     <td width="1" bgcolor="black"></td>
  33.   <tr>
  34.   <tr>
  35.     <td width="1" height="1" bgcolor="black"></td>
  36.     <td width="150" height="1" bgcolor="black"></td>
  37.     <td width="1" height="1" bgcolor="black"></td>
  38.     <td width="449" height="1" bgcolor="black"></td>
  39.     <td width="1" height="1" bgcolor="black"></td>
  40.     <td width="150" height="1" bgcolor="black"></td>
  41.     <td width="1" height="1" bgcolor="black"></td>
  42.   <tr>
  43. </table>


 
Du coup j'ai jamais de problème pour mes colspan sous IE ;)


Message édité par MagicBuzz le 02-04-2003 à 19:55:53
mood
Publicité
Posté le 02-04-2003 à 19:54:01  profilanswer
 

n°350511
MagicBuzz
Posté le 02-04-2003 à 19:55:20  profilanswer
 

Mais bon, avec les supers évolutions du W3C, les balises height ne sont plus supportées, c'est très chiant, parceque pour faire un site W3C compliant compatible avec NS3 par exemple, c'est pas possible... :/

n°350547
antp
Super Administrateur
Champion des excuses bidons
Posté le 02-04-2003 à 20:46:57  profilanswer
 

:heink: je vois pas le rapport.
Suffit de faire ton site en HTML/XHTML transitionnal..., ou en HTML 3, ca sera valide ET fonctionnera dans NS3 (les attributes height/width y existent)
c'est juste que le XHTML strict (dernière norme) n'est pas supporté par NS3 car tout ce qui est présentation/mise en forme passe dans les CSS.


Message édité par antp le 02-04-2003 à 20:47:33

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°350630
MagicBuzz
Posté le 02-04-2003 à 22:53:46  profilanswer
 

antp a écrit :

:heink: je vois pas le rapport.
Suffit de faire ton site en HTML/XHTML transitionnal..., ou en HTML 3, ca sera valide ET fonctionnera dans NS3 (les attributes height/width y existent)
c'est juste que le XHTML strict (dernière norme) n'est pas supporté par NS3 car tout ce qui est présentation/mise en forme passe dans les CSS.


ouais, sauf que je trouve ça idiot de "revenir en arrière", la compatibilité ascendante, c'est le minimum en informatique, et entre rendre obsolète, et donc déconseillé un attribut, ou carrément le supprimer de la norme, y'a un pas qui me pose problème.
 
c'est comme la balise <marquee> qui n'est plus supportée par netscape... super génial. en attendant, y'a des tonnes de sites (de merde, ok) qui utilisent encore cette balise.

n°350632
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 22:55:00  profilanswer
 

Oui et de toute façon même du (X)HTML strict doit être acceptable pour NS 3. Le tableau sera affiché. Certes sans fioritures mais il sera affiché. C'est bien là le principal.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°350643
MagicBuzz
Posté le 02-04-2003 à 23:01:45  profilanswer
 

ouais, m'enfin quand ton client s'appelle France Television par exemple, ben le fait que ton tableau s'affiche suffit pas, il faut aussi qu'il soit joli ;)

n°350665
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 23:17:07  profilanswer
 

Alors il te reste le transitionnal comme l'a dit antp. Enfin si NS 3 est dans ton cahier des charges ça doit sérieusement te limiter au niveau design...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°350668
antp
Super Administrateur
Champion des excuses bidons
Posté le 02-04-2003 à 23:19:21  profilanswer
 

MagicBuzz a écrit :


ouais, sauf que je trouve ça idiot de "revenir en arrière", la compatibilité ascendante, c'est le minimum en informatique, et entre rendre obsolète, et donc déconseillé un attribut, ou carrément le supprimer de la norme, y'a un pas qui me pose problème.


 
:heink: Et les softs Windows 1 & 2 qui ne tournent plus sous Windows 4 (95), ça t'empêche pas de dormir ?
Et le nombre de trucs DOS qui ne tournent pas sous NT ?
 

MagicBuzz a écrit :


c'est comme la balise <marquee> qui n'est plus supportée par netscape...  


 
elle l'a JAMAIS étée, c'est un truc propre à IE qui n'a jamais été dans aucune norme HTML :p


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°350674
antp
Super Administrateur
Champion des excuses bidons
Posté le 02-04-2003 à 23:22:15  profilanswer
 

gm_superstar a écrit :

Enfin si NS 3 est dans ton cahier des charges ça doit sérieusement te limiter au niveau design...


 
Tiens, depuis 1 semaine je dois faire un mini site pour usage interne, un truc qui interroge une BD MySQL qui est remplie avec ce que les gens mettent dans un formulaire du site public pour accéder aux downloads.
J'ai fait le site en XHTML 1.1 (alors que ca ne doit tourner que sous IE 6), et un design ultra minimaliste (blanc & noir, un peu de gris, liens bleus), on m'a dit que c'était un joli design et que c'était bien clair, sans trucs inutiles :D
J'avais fait ça juste pour pas me faire chier à chercher des couleurs, images, etc. :o


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°350677
MagicBuzz
Posté le 02-04-2003 à 23:24:00  profilanswer
 

antp a écrit :


 
:heink: Et les softs Windows 1 & 2 qui ne tournent plus sous Windows 4 (95), ça t'empêche pas de dormir ?
Et le nombre de trucs DOS qui ne tournent pas sous NT ?
 
 
 
elle l'a JAMAIS étée, c'est un truc propre à IE qui n'a jamais été dans aucune norme HTML :p


ha oui en effet, marquee n'a jamais été supporté par le W3C.
 
m'enfin il me semble qu'elle marche sous ns4 non ?

n°350681
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 23:25:30  profilanswer
 

antp a écrit :


 
Tiens, depuis 1 semaine je dois faire un mini site pour usage interne, un truc qui interroge une BD MySQL qui est remplie avec ce que les gens mettent dans un formulaire du site public pour accéder aux downloads.
J'ai fait le site en XHTML 1.1 (alors que ca ne doit tourner que sous IE 6), et un design ultra minimaliste (blanc & noir, un peu de gris, liens bleus), on m'a dit que c'était un joli design et que c'était bien clair, sans trucs inutiles :D
J'avais fait ça juste pour pas me faire chier à chercher des couleurs, images, etc. :o

Donc finalement les CSS ça sert à rien [:chacal_one333]


Message édité par gm_superstar le 02-04-2003 à 23:26:18

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°350683
MagicBuzz
Posté le 02-04-2003 à 23:26:13  profilanswer
 

antp a écrit :


 
Tiens, depuis 1 semaine je dois faire un mini site pour usage interne, un truc qui interroge une BD MySQL qui est remplie avec ce que les gens mettent dans un formulaire du site public pour accéder aux downloads.
J'ai fait le site en XHTML 1.1 (alors que ca ne doit tourner que sous IE 6), et un design ultra minimaliste (blanc & noir, un peu de gris, liens bleus), on m'a dit que c'était un joli design et que c'était bien clair, sans trucs inutiles :D
J'avais fait ça juste pour pas me faire chier à chercher des couleurs, images, etc. :o


quand c'est propre et ergonomique, plus c'est sobre, et mieu c'est généralement.
 
surtout lorsqu'il s'agit d'un outil et non d'un site destiné à promouvoir une image :)

n°350684
antp
Super Administrateur
Champion des excuses bidons
Posté le 02-04-2003 à 23:26:20  profilanswer
 

MagicBuzz a écrit :


ha oui en effet, marquee n'a jamais été supporté par le W3C.
 
m'enfin il me semble qu'elle marche sous ns4 non ?


 
non
 
C'est blink qui marche sous NS 4 (et les suivants il me semble), et qui lui était dans la norme, mais qui a été remplacé par un style CSS équivalent (qui ne marche que dans Mozilla et pas dans IE)


Message édité par antp le 02-04-2003 à 23:26:40

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°350688
antp
Super Administrateur
Champion des excuses bidons
Posté le 02-04-2003 à 23:27:41  profilanswer
 

gm_superstar a écrit :

Donc finalement les CSS ça sert à rien [:chacal_one333]


 
bah si, y a des CSS pour changer le bleu des liens (bleu plus foncé), mettre un fond noir aux <th>, changer la police des <p>, <h1>, <h2>, et mettre un bord à certains tableaux :D
 
ha et j'ai fait une petite folie, un div en "float: right" :D


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°350692
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 23:31:03  profilanswer
 

antp a écrit :

ha et j'ai fait une petite folie, un div en "float: right" :D


'tention, on y prend goût à ces choses-là ;)
 
 
(tu vas bien finir par écrire un truc pour la FAQ [:ddr555])


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°350695
antp
Super Administrateur
Champion des excuses bidons
Posté le 02-04-2003 à 23:33:02  profilanswer
 

Faudrait que je vire les affreux <table> qui servant à faire la mise en page de mon site :o


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°350698
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 23:34:53  profilanswer
 

La conversion d'un site... voilà qui ferait un excellent sujet :whistle:


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°350705
antp
Super Administrateur
Champion des excuses bidons
Posté le 02-04-2003 à 23:39:20  profilanswer
 

bah y a rien de si spécial je pense, non ?
enfin quand je le ferai je peux tj décrire ce que j'ai fait et les différents essais...


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
n°350737
gm_superst​ar
Appelez-moi Super
Posté le 02-04-2003 à 23:54:13  profilanswer
 

Bah comme tu veux. C'est toujours intéressant d'avoir un retour d'expérience sur ce genre de choses...
 
De toute façon je suis en train de refaire un "gros" site qui a été fait à la mode ancienne en utilisant les standards. Je pense publier ça bientôt. À toi de voir donc...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
mood
Publicité
Posté le   profilanswer
 


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

  [HTML] Problème avec la balise <table>

 

Sujets relatifs
balise select vide même s'il ya pas d'erreur ! est ce normal ? HELPPPPEquivalent du Mailto d html
CSS : Appliquer propriété à un ensemble de td dans UNE table précise.[mysql]probleme d'insertion pour mysql
[HTML/JS] iframe et javascript[HTML]comment fait on pr de télécharger une image sans l'afficher
[HTML/JS] Positionner par code une scrollbar[XML] correspondance entre les tags html et xml ?
[HTML 4.01 STRICT] Problème avec balise TABLE[HTML] Problème chiant avec la balise TABLE
Plus de sujets relatifs à : [HTML] Problème avec la balise <table>


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