Dimensionner un tableau

**ben_skywalker** · 10/04/2007, 19h04

bonjour, je suis entrain de créer un site en php, pour vous expliquer la trame, il y a un entête, une collone à gauche, au milieu, et une dernière à droite, avec un pied de page le tout dans un tableau HTML car j'avais un problème d'affichage avec les division et comme l'exam approche je passe à cette solution.

mon problème est que j'ai beau modifier la propriété width dans mon css ou même sur ma page elle même, les deux colonne que je souhaite avec une dimention fixe ne change pas

(la colonne de gauche et celle de droite, celle du milieu j'aimerais qu'elle ce dimentionne par rapport à la définition de l'écran qui affiche le site en prenant le reste disponible!) exemple pour un affichage correcte de mon menu qui ce situe à gauche il faudrait qu'il fasse 210px de large mais même en métant un width à 10 ou 15px il conserve sa dimention

voici mon css :

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
td.gauche {
	/*float:left;   indique que le cadre se positionne sur la gauche et autorise (si place)
					un autre cadre sur sa droite */
	width:15px;/*largeur*/
	overflow = auto;
	border : solid 1px blue;
	padding:5px;
	vertical-align:top
	}
td.droite {
	/* float:right;  indique que le cadre se positionne sur la droite et autorise (si place)
					un autre cadre sur sa gauche */
	width:15px;/*largeur*/
	overflow = auto;
	border : solid 1px blue;
	padding:5px;
	vertical-align:top
	}
td.milieu {
	overflow: auto; /* rajoutera des barres de défilements si besoin */
			/* NOTA : pas de largeur de spécifié : le cadre prendra la place restante, peu importe
				la définition de l'affichage de votre écran */
	border : solid 1px blue;
	padding:5px;
	}

et le code de la page :

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
40
41
42
43
44
45
46
 
<html>
    <head>
        <title>Mon Site a moi</title>
        <link rel="Stylesheet" href="StyleSite.css" type="text/css">
        <SCRIPT  language="javascript">
            //mes fontions
        </SCRIPT>
    </head>
    <body>
    <table width=100% height=100%>
            <tr>
                <td class="haut" colspan="3">
                    Mon entreprise
                    mon activité
                </td>
            </tr>
            <tr>
                <td class="gauche" <!--width=10% (en commentaire pour tester le CSS mais sans le commentaire et en enlevant le width du CSS sa ne marche po:bug: -->>
                        <!--MENU-->
                </td>
                <td class="Milieu">
 
 
                    <!--MILILIEU-->
 
                </td>
                <td class="droite" width=10%>
                    <!--partie d''identification des clients-->
 
                </td>
            </tr>
            <tr >
                <td class="bas" colspan="3">
 
                        <!--Pied de page-->
 
 
                    <p>Pour nous joindre notre Email : <a href="mailto:monadresse@monFAI.domaine?subject=A propos de mon site">Lagadec Primeurs</a><br>
                    vous pouvez consultez <a href="MentionLegale.php" class="Important">mentions légales</a></p>
 
                </td>
            </tr>
        </table>
    </body>
</html>

voilà j'esper que les informations que je vous ai donnée vous permaiteron de m'aider je vous remercie d'avance!

**MasterOfChakhaL** · 10/04/2007, 19h45

Salut,

Un tableau se dimensionne par rapport à son contenu. Si les dimensions que tu donnes sont trop petites pour que ca rentre, elles ne seront pas prises en compte.
Le plus simple, je pense, serait d'oublier les tableaux pour la mise en page.

Un petit tuto sympa qui explique comment s'en passer: Div et CSS : une mise en page rapide et facile

**ben_skywalker** · 10/04/2007, 20h20

je vais essayer! mais comme expliquer plus haut mon dernier essaie avec les div n'a pas été concluant

je vais réessayer et je vous tien au courant

[EDIT]
ben après les premiers test l'affichage merdoit légèrement donc je pence que ma version tableau est préférable pour le moment
[/EDIT]

Si quelqu'un à des idées pour m'aider je suis preneur

**kaiser59** · 11/04/2007, 13h01

Salut,

Faut toujours persister, comme toi je n'arrivé pas à avoir l'effet escompter avec les div et j'me suis mis au table me disant que se serait plus simple. Mais comme, on m'a conseillé de ne pas utiliser les tables alors je me suis remis au div et j'ai réussi à enfin avoir ce que je voulais

Sinon pour en revenir à toi
tu dis :

il y a un entête, une collone à gauche, au milieu, et une dernière à droite, avec un pied de page

si tu veux trois colonnes (gauche, milieu et droite) pourquoi tu écrit ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<tr>
   <td class="gauche" <!--width=10% (en commentaire pour tester le CSS mais sans le commentaire et en enlevant le width du CSS sa ne marche po:bug: -->>
                        Mon menu
    </td>
</tr>
    <td class="Milieu">
            ce que je veux afficher(différent à chaque page de mon site)
    </td>
    <td class="droite"  <!--width=10%-->>
            <!--partie d''identification des inscrits-->
    </td>
</tr>

Un conseil même si Frontpage n'est pas conseillé pour faire ces pages, utilise le, il te permettra de voir si tu as des erreurs (tu peux aussi utiliser Notepad2) ainsi tu aurais vue qu'après ton 1er </tr> te manque le <tr> pour créer une nouvelle ligne.
Cependant, si tu fermes ta ligne au menu tu vas forcement devoir créer une nouvelle ligne or ce n'est pas ce que tu veux d'après ce que tu as écris.
Donc sa te donnerais normalement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
...
<tr>
   <td class="gauche">Mon menu</td>
   <td class="Milieu">
          ce que je veux afficher(différent à chaque page de mon site)
   </td>
   <td class="droite" >
           <!--partie d''identification des inscrits-->
   </td>
</tr>
...

Autre conseil, comme te la dit MasterOfChakhaL si ta valeur et trop petite ta colonne ne changera pas vue qu'elle s'adapte au contenu ainsi, fais un test avec des valeurs aberrante genre 200px ou 80% cela te permettra de savoir si tu es loin ou proche du contenu.

++

**pc.bertineau** · 11/04/2007, 16h50

tu as une balise </tr> intercalée entre ta cellule gauche et celle du milieu alors qu'elles sont sensées sur la même ligne, non ?

edit: oups! déjà dit au-dessus

**ben_skywalker** · 12/04/2007, 16h17

merci mais les page s'affichait correctement, c juste la dimention des deux colonne extrème (gauche et droite qui ne ce modifie pas) le problème que vous avez vu n'était qu'une faute idiote de copie car j'ai pas voulu montrer tout le code du site à moins que vous n'en ayez besoin pour voir d'où viendrais l'erreur!
le problème des "div" c'est que mon pied de page est trop grand et dépasse légèrement en desous du cadre, alors qu'il y de la place au dessus je test avec un vertical-align sur dans le CSS pour voir si sa s'affiche mieux je vous tien au courrant.

PS : j'ai modifier le code du premier post (normelement) si erreur il y a signaler le moi merci

Dimensionner un tableau

Dimensionnement en CSS

Discussions similaires

Partager

Partager