height avec Transitionnal

Version imprimable

Salut,

J'ai mis comme doctype celui-ci:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">

Quand je veux faire une ligne de tableau de 20px de hauteur, et que je mets height:20px; ce n'est pas pris en compte, la largeur n'en fait... quà sa tête.

Voila mon css:
Code:

1 2 3 4 5 td.bottom { background-image: url(images/bottom.jpg); background-repeat: repeat-x; height: 20px; }
et HTML:
Code:

1 2 3 4 5 <tr valign="bottom"> <td><img src="images/corner-left.jpg" alt="" /></td> <td class="bottom" bgcolor="white"><img src="images/bottom.jpg" alt="" /></td> <td><img src="images/corner-right.jpg" alt="" /></td> </tr>
Une autre question: comment dire à un tableau de faire toute la hauteur (le height="100%" ne fonctionne pas...)
Comment faire?
Merci

27/04/2006, 18h23
Swoög

Citation:

Envoyé par Anduriel

Quand je veux faire une ligne de tableau de 20px de hauteur, et que je mets height:20px; ce n'est pas pris en compte, la largeur n'en fait... quà sa tête.

sachant que height désigne la hauteur... ça me semble logique que la largeur n'en fasse qu'à sa tête ;)

Sinon, fait attention à ce que l'image rentre bien, sinon, il te faudra définir le overflow (à auto ou hidden), faute de quoi le td sera agrandit ^^
27/04/2006, 18h33
Anduriel

C'est bizarre, mais en définissant aucune hauteur, ça s'agrandit aussi (cf mon image). Toutes mes images font 20px du hauteur pourtant. Je ne peux pas régler ça autrement qu'avec un overflow?
Sinon pour mon autre question, une idée :roll: ?

Merci
27/04/2006, 18h36
Swoög

en fait, déjà, mélanger CSS et mise en page tabulaire : 8O pas bien XD

ensuite, pour tout ce qui est hauteur, je te conseillerais de le spécifier au niveau de la ligne

et pour qu'un tableau occupe 100% de la hauteur je ne pense pas que ce soit possible : comment tu fais si jamais la somme des hauteurs des lignes du tableau ne permettent pas d'atteindre le bas de ta page ?

si c'est parce qu'il y a un dépassement... encore une fois, cf overflow ;)
27/04/2006, 18h51
Anduriel

Citation:

Envoyé par Swoög

et pour qu'un tableau occupe 100% de la hauteur je ne pense pas que ce soit possible : comment tu fais si jamais la somme des hauteurs des lignes du tableau ne permettent pas d'atteindre le bas de ta page ?

En fait sans Doctype avec un <table height="100%"> la tableau d'adapte pour faire toute la hauteur, donc e me disais qu'il y avait une solution.

Sinon j'ai trouvé pour la seconde solution :)
Dans table j'avais mis height 550px, et là j'ai mis dans un tr height 530 et dans le second height 20 et la ça fonctionne :)

Merci