Problème - cellules de hauteurs fixées s'étirent

J'ai un probleme avec ce site : http://www.belalpclub.org/eagle/.

J'ai plusieurs cellules que je voudrais de hauteur fixe suivie d'une cellule qui est censée remplir l'espace restant. Mais soit les cellules dont je fixe la hauteur s'étire au dela soit je donne une valeur super grande a la dernière cellule et je me retrouve avec un grd blanc sur ma page.

En fait la colonne mauve (sous le logo) est composée de 6 cellules, les 5 premières contiennent une image du menu et je les veux d'une hauteur de 14px, la dernière, je voudrais qu'elle remplisse tt l'espace jusqu'a la fin de la page. Cette longueur est variable et dépend du texte affiché dans la grande cellule principale.

Si je ne spécifie pas de taille pour cette cellule, mes cellules de 14 px s'étirent; Si je spécifie la taille en % idem. Pour le moment je dois donner une taille bcp trop grande pour etre sur de dépasser la longueur de tt contenu éventuel de la cellule de droite, et je me retrouve avec un grand blanc en dessous de la page qui ne me plait pas du tout.

Alors comment faire pour que mes cellules du menu reste à 14px et que la grande s'étire sur le reste de la page?

Je crois pas que c'est tres clair mais c'est assez simple en fait

ton probleme vient de ta colone en bleu

je ne c pas pq mais il y a plein de <br> ( passage a la ligne )

a mon avis ca vient de ton script php ki construit cette cellule
( retire ton exho "br")



en tout cas ton code ressembe a ca pour cete cellule

bgcolor="#adb1c1"> <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>
<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>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</td>


tu vois ou est le prob

non en fait ca c'est moi qui les ai ajouté pour que la cellule soit super grande et qu'elle prenne tt l'espace en empechant les autre de s'étirer, mais j'aimerais une solution qui ne me fais pas un énorme blanc comme celle ci.
Mais merci qd même d'avoir regardé

[U-235 a dit:

alexius]non en fait ca c'est moi qui les ai ajouté pour que la cellule soit super grande et qu'elle prenne tt l'espace en empechant les autre de s'étirer, mais j'aimerais une solution qui ne me fais pas un énorme blanc comme celle ci.
Mais merci qd même d'avoir regardé

Cliquez pour agrandir...

Dans ce cas, tu va dans photoshop ou autre prog de graphisme. Et tu crée un document de 1px sur 1 px ou de 10 sur 10 (au choix) avec fond transparent. C'est ce qui va te servir pour remplir tes cellules et cela sans que les cellules ne bougent. Tu l'enregistre au format gif en gérant évidemment la transparence.

Une fois cela fait, dans un logiciel comme dreamweaver, tu importe ton pixel transparent dans la cellule et tu en modifie la taille afin qu'il prenne toute la largeur et hauteur de la cellule! Tu peux évidemment l'importer dans d'autre cellules et les modifier indépendemment les uns des autres. Cela t'évitera de devoir faire des BR à tout casser et au moins tu sera sûr que ton graphisme ne bougera pas quoi qu'il se passe!

[U-235 a dit:

alexius]J'ai un probleme avec ce site : http://www.belalpclub.org/eagle/.

J'ai plusieurs cellules que je voudrais de hauteur fixe suivie d'une cellule qui est censée remplir l'espace restant. Mais soit les cellules dont je fixe la hauteur s'étire au dela soit je donne une valeur super grande a la dernière cellule et je me retrouve avec un grd blanc sur ma page.

En fait la colonne mauve (sous le logo) est composée de 6 cellules, les 5 premières contiennent une image du menu et je les veux d'une hauteur de 14px, la dernière, je voudrais qu'elle remplisse tt l'espace jusqu'a la fin de la page. Cette longueur est variable et dépend du texte affiché dans la grande cellule principale.

Si je ne spécifie pas de taille pour cette cellule, mes cellules de 14 px s'étirent; Si je spécifie la taille en % idem. Pour le moment je dois donner une taille bcp trop grande pour etre sur de dépasser la longueur de tt contenu éventuel de la cellule de droite, et je me retrouve avec un grand blanc en dessous de la page qui ne me plait pas du tout.

Alors comment faire pour que mes cellules du menu reste à 14px et que la grande s'étire sur le reste de la page?

Je crois pas que c'est tres clair mais c'est assez simple en fait

Cliquez pour agrandir...

Pourquoi tu fais une cellule par lien du menu ?
Ca complique betement le tout
A chaque image, ajoute une ligne de pixels blancs en dessous (pour créer la séparation qu'il y a actuellement) et met les images l'une en dessous de l'autre dans la même cellule.
Ca va simplifier énormément ton tableau et tu es déjà certains de ne pas avoir le problème de la hauteur des cellules du menu

Si la largeur d'une cellule peut être définie jusqu'à un certain point, la hauteur, elle, dépend du contenu de la cellule (d'une police de caractères et de sa taille, par exemple).

Une solution consisterais à insérer une image de 1 pixel de largeur, de la placer dans la cellule et de lui donner les dimensions voulues.

Fearless a dit:

Si la largeur d'une cellule peut être définie jusqu'à un certain point, la hauteur, elle, dépend du contenu de la cellule (d'une police de caractères et de sa taille, par exemple).

Une solution consisterais à insérer une image de 1 pixel de largeur, de la placer dans la cellule et de lui donner les dimensions voulues.

Cliquez pour agrandir...

Euh, mais comment veux-tu donner la hauteur voulue, vu qu'elle change à chaque page suivant le contenu de la cellule principale

Voilà un truc qui fonctionne plus ou moins, j'crois en tout cas, ca va déjà mieux qu'une suite de <br>, non ?

<body topmargin="0" leftmargin="0">

<table border="0" cellspacing="1" width="100%" height="40" cellpadding="0">
<tr>
<td width="100" bgcolor="#C0C0C0"> </td>
<td width="150" bgcolor="#6699FF"> </td>
<td width="600" bgcolor="#E7E7F8"> </td>
<td bgcolor="#E6F4E1"> </td>
</tr>
</table>
<table border="0" cellspacing="1" width="100%" height="150" cellpadding="0">
<tr>
<td width="100" bgcolor="#808080"> </td>
<td width="150" bgcolor="#6699FF"> </td>
<td width="600" bgcolor="#808080"> </td>
<td bgcolor="#C0C0C0"> </td>
</tr>
</table>
<table border="0" cellspacing="1" width="100%"height="70%" cellpadding="0">
<tr>
<td width="100" bgcolor="#C0C0C0"> </td>
<td width="150" bgcolor="#6699FF" valign="top">menu1<br>menu2<br>menu3</td>
<td width="600" bgcolor="#FFFFFF" valign="top">
<blockquote>
<p>Titre 1</p>
<blockquote>Pouet<br>Pouet</blockquote>
<hr>
<p>Titre 2</p>
<blockquote>Pouet<br>Pouet</blockquote>
<hr>
</blockquote>
</td>
<td bgcolor="#FFFFFF"> </td>
</tr>
</table>

Cliquez pour agrandir...

Euh pour les couleurs, j'ai fait ça comme ça, hein

SUEd a dit:

Pourquoi tu fais une cellule par lien du menu ?
Ca complique betement le tout
A chaque image, ajoute une ligne de pixels blancs en dessous (pour créer la séparation qu'il y a actuellement) et met les images l'une en dessous de l'autre dans la même cellule.
Ca va simplifier énormément ton tableau et tu es déjà certains de ne pas avoir le problème de la hauteur des cellules du menu

Cliquez pour agrandir...

Thx, je sais pas pq j'ai pas fait ca direct mais ca marche et c'est bien plus simple

weelander a dit:

[U-235 a dit:

alexius]non en fait ca c'est moi qui les ai ajouté pour que la cellule soit super grande et qu'elle prenne tt l'espace en empechant les autre de s'étirer, mais j'aimerais une solution qui ne me fais pas un énorme blanc comme celle ci.
Mais merci qd même d'avoir regardé

Cliquez pour agrandir...

Dans ce cas, tu va dans photoshop ou autre prog de graphisme. Et tu crée un document de 1px sur 1 px ou de 10 sur 10 (au choix) avec fond transparent. C'est ce qui va te servir pour remplir tes cellules et cela sans que les cellules ne bougent. Tu l'enregistre au format gif en gérant évidemment la transparence.

Une fois cela fait, dans un logiciel comme dreamweaver, tu importe ton pixel transparent dans la cellule et tu en modifie la taille afin qu'il prenne toute la largeur et hauteur de la cellule! Tu peux évidemment l'importer dans d'autre cellules et les modifier indépendemment les uns des autres. Cela t'évitera de devoir faire des BR à tout casser et au moins tu sera sûr que ton graphisme ne bougera pas quoi qu'il se passe!

Cliquez pour agrandir...

mmh plutot utiliser le format png plutot que gif
(enfin pour un truc de 1px ca change rien)