[HTML] Pb avec tableau : largeur de cellules

Pb avec tableau : largeur de cellules [HTML] - HTML/CSS - Programmation

Marsh Posté le 11-02-2003 à 20:28:32    

J'ai fait un tableau ou sur la 3 eme ligne il y a 3 cellules.
Pour les 2 cellules du bord je veut définir une largeur de 150 px, et pour celle du milieu aucune valeur specifique.
 
Au début j'ai défini 20% pour les 2 cellules du bord, et ca marchait tres bien.
Mais quand je met 150px :

Code :
  1. width="150" 
  2. ou dans css : width: 150px;


ca marche pas du tout, les cellules ont environ 400px de large...

Reply

Marsh Posté le 11-02-2003 à 20:28:32   

Reply

Marsh Posté le 11-02-2003 à 20:46:59    

Tu parles des cellules de la 3ème ligne, mais il y a quelque chose d'autre de défini pour les autres lignes ?
 
Est-ce que le tableau a une taille ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 20:54:37    

alors voila mon tableau :

Code :
  1. <table class="total" border="1" cellspacing="0" cellpadding="0">
  2.    <tr>
  3.     <td class="banner" colspan="3" align="center" valign="top" >
  4. haut1
  5.     </td>
  6.    </tr>
  7.    <tr>
  8.     <td class="virtual" colspan="3" >
  9. haut2
  10.     </td>
  11.    </tr>
  12.    <tr>
  13.     <td class="menu_l" width="150" >
  14. col. gauche !
  15.     </td>
  16.     <td class="virtual" >
  17. <centre>Millieu</centre>
  18.     </td>
  20.     <td class="menu_r" width="150" >
  21. col. droite !
  22.     </td>
  23.    </tr>
  25. </table>


 
Et puis j'ai aussi défini des trucs dans css, mais a part width= 100%; (pour le tableau) c'est seulement pour les bordures et couleurs,


Message édité par Big-Foot le 11-02-2003 à 20:57:29
Reply

Marsh Posté le 11-02-2003 à 21:16:47    

http://www.chezmoicamarche.org/
 
Avec :
 

   <table class="total" cellspacing="0" cellpadding="0">
      <tr>
        <td class="banner" colspan="3">haut1</td>
      </tr>
      <tr>
        <td class="virtual" colspan="3">haut2</td>
      </tr>
      <tr>
        <td class="menu_l">col. gauche !</td>
        <td class="virtual" >Millieu</td>  
        <td class="menu_r">col. droite !</td>
      </tr>
    </table>


 
Et
 

.total, .total td {
  border: 1px solid black;
}
 
.menu_l, .menu_r {
  width: 150px;
}
 
.virtual {
  text-align: center;
}
 
.banner {
  vertical-align: top;
  text-align: center;
}


Message édité par gm_superstar le 11-02-2003 à 21:17:33

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 22:04:17    

merci
j'aime bien ton site "chezmoicamarche"  :whistle:  
 
mais la ca marche tjour pas...  
deja pour border: 1px; je peu pas le faire car dans css j'ai mi border:none (pour le tableau, et apres je m'arrenge avec chak cellule...), pour ce ki est du style des bordures j'ai deja mi border-style: solid;  
 
Mais quand je met width: 150px;  pour menu_l ou/et menu_r, ca me met toujour des cellule sur persque toute la page...  
Je signale aussi ke quand je met text-align: center; pour td.virtual ca me met quand meme le texte a gauche

Reply

Marsh Posté le 11-02-2003 à 22:06:36    

Poste l'URL de la page.
 
Pour les bordure, si tu veux que ça le fasse seulement sur les cellules et pas sur le tableaux :
 
.total td {
 border: 1px solid black;
}
 
suffit


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 22:15:08    

mais j'ai le droit de faire comme j'ai fait pour les bordures ou bien il y aura des problemes ?


Message édité par Big-Foot le 11-02-2003 à 22:15:27
Reply

Marsh Posté le 11-02-2003 à 22:25:15    

je suis en train de creer un site il est pas en encore online... alors je te poste ici la page concerné (j'ai enlevé les truc ki n'ont rien avoir avec le prob):

Code :
  1. <html>
  2. <head>
  4. <link rel="stylesheet" href="style2.css" type="text/css">
  6. </head>
  8. <body bgcolor="#FFFFFF" text="#000000"  leftmargin="0" topmargin="5" marginwidth="0" marginheight="0" >
  10. <table class="total" border="1" cellspacing="0" cellpadding="0">
  12.    <tr>
  13.     <td class="banner" colspan="3" >
  15. <img src="banner.gif" width="723" height="60" />
  17.     </td>
  18.    </tr>
  20.    <tr>
  21.     <td class="virtual" colspan="3" >
  22. <!-- cel. virtual TOP-->
  23.     </td>
  24.    </tr>
  26.    <tr>
  27.     <td class="menu_l"  colspan="1" >
  28. col. gauche ! <br /> <br /> <br />br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br/> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />  bas
  29.     </td>
  31.     <td class="virtual" colspan="1" >
  32. <centre>Millieu</centre>
  33.     </td>
  35.     <td class="menu_r" colspan="1" >
  36. col. droite !
  37.     </td>
  38.    </tr>
  39. </table>
  40. </body>
  41. </html>


 
le fichier css :

Code :
  1. body
  2. {
  3. font-family: Verdana, Arial, sans-serif;
  4. }
  6. table.total
  7. {
  8. width: 100%;
  10. border: none;
  11. }
  14. td.banner
  15. {
  16. background-color: #FFFFFF;
  18. vertical-align: top;
  19. text-align: center;
  21. border-style: solid;
  22. border-width: 2px;
  23. border-left: none;
  24. border-right: none;
  25. border-top: none;
  26. }
  28. td.virtual
  29. {
  30. background-color: #FFFFFF;
  32. border: none;
  33. }
  35. td.menu_l
  36. {
  37. width: 150px;
  39. border-style: solid;
  40. border-width: 2px;
  42. border-left :none;
  43. }
  45. td.menu_r
  46. {
  47. width: 150px;
  49. border-style: solid;
  50. border-width: 2px;
  52. border-right: none;
  53. }


Message édité par Big-Foot le 11-02-2003 à 23:06:30
Reply

Marsh Posté le 11-02-2003 à 22:48:21    

Bon j'ai pas testé mais je vois déjà 2 erreus dans tes CSS :
 
width= 100%;
 
au lieu de width: 100%;
 
Ensuite, border-width: 2; ça va pas. Il faut une unité :
 
Donc : border-width: 2px;


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 23:04:53    

ah pour les unitées je savais pas merci
mais malheureusement ca change rien
je reverifi encore mon code mais aidez moi siouplez

Reply

Marsh Posté le 11-02-2003 à 23:04:53   

Reply

Marsh Posté le 11-02-2003 à 23:10:17    

Ben désolé, mais ça marche bien avec Mozilla. Tes cellules font bien 150 pixels de large.
 
Tu testes avec quel navigateur ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 23:13:22    

crazy browser, et mes cellueles font presk la moitié de l'écran quand je regle en pixel, mais ca marche tres bien si je le fait en %.

Reply

Marsh Posté le 11-02-2003 à 23:16:47    

Bon j'essaierai demain avec IE. Là chuis sous Linux donc pas de IE...


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 23:17:02    

je vien d'essayer avec IE et c'est la meme chose

Reply

Marsh Posté le 11-02-2003 à 23:19:12    

Bah oui, CB utilise le moteur de rendu de IE.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 23:21:04    

mais c'est pas normal tous les sites sur le net saffichent tres bien chez moi, j'ai jamais eu ce probleme...
c'est peu etre pask je test en local ?

Reply

Marsh Posté le 11-02-2003 à 23:31:56    

Mais tous les sites ne sont pas codé comme le tien ;)
 
Je ne sais pas trop d'où ça peut venir... pas envie de chercher ce soir. Demain donc (à moins que quelqu'un trouver d'ici là)
 
 
Ah et puis un dernier truc : pense à mettre une balise pour indiquer quel jeu de caractères tu utilises. Dans le <head> ajoute :  
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 23:37:01    

oki je vais le faire mrci
 
et revient demain stp  :hello:  
mais maintenant  :sleep:

Reply

Marsh Posté le 12-02-2003 à 11:46:05    

je vien d'essayer plein de truc et il y kek chose de bizarre qui ce passe :  
 
Si dans la 1ere cellule (celle tout en haut) il y a un texte c'est bon ca marche. Mais je n'arrive toujours pas a centrer les elements des autres cellules.
 
Mais si j'y insère une image (dans la cellule tout en haut) ca marche plus et j'ai le meme prob qu'avant.

Reply

Marsh Posté le 12-02-2003 à 12:00:58    

Effectivement c'est bizarre. Ca sent le bug de IE à plein nez.
 
Bon y'a une solution, c'est de ne pas indiquer les dimensions de l'image. Là ça marche.


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 12-02-2003 à 13:28:37    

ben la j'ai pas indiqué les dimensions de l'image et ca me fait la meme chose, pour que ca marche je suis obligé d'enlever l'image...

Reply

Marsh Posté le 12-02-2003 à 20:41:05    

j'ai enfin reussi a regler le probleme, ou plutot a le contourner :  
j'ai fait un tableau independent pour la cellule du haut et voila ca marche !  
 
Mais je voudrai qand meme savoir pourquoi ca ne fonctionne pas normalement...

Reply

Marsh Posté le 12-02-2003 à 20:42:22    

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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