[HTML] Pb avec tableau : largeur de cellules

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [HTML] Pb avec tableau : largeur de cellules

Big-Foot

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 :

width="150"
ou dans css : width: 150px;

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

Publicité

gm_superstar

Appelez-moi Super

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

Big-Foot

alors voila mon tableau :

Code :

<table class="total" border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="banner" colspan="3" align="center" valign="top" >
haut1
</td>
</tr>
<tr>
<td class="virtual" colspan="3" >
haut2
</td>
</tr>
<tr>
<td class="menu_l" width="150" >
col. gauche !
</td>
<td class="virtual" >
<centre>Millieu</centre>
</td>
<td class="menu_r" width="150" >
col. droite !
</td>
</tr>
</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

gm_superstar

Appelez-moi Super

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>

.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

Big-Foot

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

gm_superstar

Appelez-moi Super

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

Big-Foot

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

Big-Foot

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 :

<html>
<head>
<link rel="stylesheet" href="style2.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="5" marginwidth="0" marginheight="0" >
<table class="total" border="1" cellspacing="0" cellpadding="0">
<tr>
<td class="banner" colspan="3" >
<img src="banner.gif" width="723" height="60" />
</td>
</tr>
<tr>
<td class="virtual" colspan="3" >
</td>
</tr>
<tr>
<td class="menu_l" colspan="1" >
col. gauche ! br /> bas
</td>
<td class="virtual" colspan="1" >
<centre>Millieu</centre>
</td>
<td class="menu_r" colspan="1" >
col. droite !
</td>
</tr>
</table>
</body>
</html>

le fichier css :

Code :

body
{
font-family: Verdana, Arial, sans-serif;
}
table.total
{
width: 100%;
border: none;
}
td.banner
{
background-color: #FFFFFF;
vertical-align: top;
text-align: center;
border-style: solid;
border-width: 2px;
border-left: none;
border-right: none;
border-top: none;
}
td.virtual
{
background-color: #FFFFFF;
border: none;
}
td.menu_l
{
width: 150px;
border-style: solid;
border-width: 2px;
border-left :none;
}
td.menu_r
{
width: 150px;
border-style: solid;
border-width: 2px;
border-right: none;
}

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

gm_superstar

Appelez-moi Super

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

Big-Foot

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

Publicité

gm_superstar

Appelez-moi Super

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

Big-Foot

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

gm_superstar

Appelez-moi Super

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

Big-Foot

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

gm_superstar

Appelez-moi Super

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

Big-Foot

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 ?

gm_superstar

Appelez-moi Super

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

Big-Foot

oki je vais le faire mrci

et revient demain stp :hello:
mais maintenant :sleep:

Big-Foot

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.

gm_superstar

Appelez-moi Super

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

Big-Foot

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

Big-Foot

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

gm_superstar

Appelez-moi Super

bah un bug ça s'explique pas

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

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

[HTML] Pb avec tableau : largeur de cellules

Sujets relatifs
[html] alignement vertical au milieu marche pas a l'aide urgentissime!	[HTML] comment traduire un espace en html ?
[JS] resizer une frame html	remplacer les é,è... par le codage correspondant en HTML
[HTML] Désactiver les balises dans le body	J'ai besoin d'aide pour un lien en HTML
URL dans une nouvelle fenêtre et HTML 4.01 strict	envoi d'un formulaire en mailto via HTML ???
Algo Tableau, occurence unique	déclarer un tableau dynamiquement et ...
Plus de sujets relatifs à : [HTML] Pb avec tableau : largeur de cellules

Page générée en 0.096 secondes