Bonjour,
Peut on définir la taille verticale d'une table en fonction de la hauteur de l'écran (sans java). J'ai essayé Height 100% mais cela ne fonctione po.
Bonjour,
Peut on définir la taille verticale d'une table en fonction de la hauteur de l'écran (sans java). J'ai essayé Height 100% mais cela ne fonctione po.
Si tu donnes 100% au tableau, il faut bien que se soit 100% de quelque chose, donc si tu n'indiques pas 100% dans le body ou html ca ne peut pas marcher...
Salut blueice,
Ok peux tu me donner un cours exemple de .body{}. Quelque chose m'échappe, en largeur tout se fait de manière transparente et s'adape parfaitement à l'écran.
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 html, body { height:100%; }
LDDL, pourrais-tu donner le bout de code où se situe ton tableau ?
Re,
Sa fonctionne bien, le seul truc c'est que toutes les lignes du tableau se distandes et ne répondent plus à une tailles minimum. Suis je obligé d'ajouter une nouvelle table à l'interieur pour stabiliser mon visuel.
- cradleofpain : je n'ai pas le code sur cette machine mais si tu veux apsolument le voir dit le, je le mettrais.
Si tu peux pas mettre le code en ligne, montre nous une capture d'écran.
Re,
Ok une table de 4 lignes. La table s'adapte bien à la hauteur d'écran, mais j'aimerai définir une taille fixe pour les 3 premières lignes de mon tableau.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: small; height: 100%; } .style10 {font-size: small} .style3 { font-size: 24px; color: #262667; } .style9 { font-size: x-small; color: #999999; } --> </style> </head> <body> <table width="100%" height="24%" border="0" align="center" cellpadding="0" cellspacing="0" id="Cadre Total"> <tr> <td height="2%" align="center" valign="top" bgcolor="#999999"> </td> </tr> <tr> <td height="2%" align="center" valign="middle" bgcolor="#000066" class="style9"> </td> </tr> <tr> <td height="2%" align="center" valign="middle" bgcolor="#00CC66" class="style9"> </td> </tr> <tr> <td width="0%" height="18%" align="center" valign="bottom" class="style9">Informations bas de page</td> </tr> </table> </body> </html>
Les tables ne servent pas à faire le design, mais à présenter des données tabulaires :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Untitled</title> <style type="text/css" title="text/css"> /* <![CDATA[ */ * { margin:0; padding:0; } html { height:100%; } body { font-family: Arial, Helvetica, sans-serif; font-size: small; text-align:center; color:gray; height: 100%; } #header { background-color:lightgrey; width:100%; height:24%; } #contenu { background-color:mediumblue; width:100%; height:2%; } #footer { background-color:lightgreen; width:100%; height:2%; } /* ]]> */ </style> </head> <body> <div id="header"></div> <div id="contenu"></div> <div id="footer"></div> <p>Informations bas de page</p> </body> </html>
Si tu veux une taille fixe pour les 3 premières lignes de ton tableau quelquesoit la taille de ton écran, tu ne dois pas utiliser des pourcentages.
Utilise plutôt des tailles en pixel.
Re,
Bref après un tour d'horizon c’est le jour et la nuit. Merci.
Ta essayé quelquechose au moins ?
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager