Centrer une page

**DetoX** · 06/05/2009, 22h35

Bonjour,

voila je m'explique ... je voudrais centrer tout la page dont le code est ci-dessous ...
j'aimerai centrer le contenu de la page .. voir la capture d'ecran ....

j'aimerai que la partie droite qui se répéter de noir et d'orange soit aussi a gauche pour avoir en résultat final une page centrée

http://img17.imageshack.us/img17/282/centrer.jpg

voila le code de ma page html...

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<HTML>
<HEAD>
<TITLE>Ypsilon Coach</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;">
<style>
a:hover {
     color:red;
}
A {
    text-decoration: underline;
    color: #ffffff;
    font:900;
    padding-left:10px;
    padding-right:10px;
    font-size: 11px; 
    font-family: Verdana;
}
TD{
    font-size: 11; 
    color:#ffffff;
    font-family: Verdana,Arial;
 
}
.bot{
  color:black;
  font-weight:bold;
  text-decoration:none;
  font-size:7pt;
  font-family:Verdana;
}
 
</style>
</HEAD>
<BODY BGCOLOR="#ffffff" LEFTMARGIN="0" TOPMARGIN="0" MARGINWIDTH="0" MARGINHEIGHT="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height=100%>
 
    <tr>
        <td  background="images/top_g.gif" colspan=3><img src="images/top.jpg"></td>
 
    </tr>
    <tr>
        <td background="images/menu3.gif" colspan=3>
            <table  border="0" cellspacing="0" cellpadding="0">
                <tr>    
                    <td background="images/menu1.gif" width=100 align=center><a href="index.html">Accueil</a></td>
                    <td ><a href="coach.html">Coach à domicile</a></td>
                    <td><img src="images/menu2.gif"></td>
                    <td ><a href="professionnels.html">Professionnels</a></td>
                    <td><img src="images/menu2.gif"></td>
                    <td ><a href="">Activités</a></td>
                    <td><img src="images/menu2.gif"></td>
                    <td ><a href="tarifs.html">Tarifs</a></td>
                    <td><img src="images/menu2.gif"></td>
                    <td ><a href="mailto:xxxxxx@xxxxx" title="contact mail">Me contacter</a></td>
                    <td><img src="images/menu2.gif"></td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td height=100% bgcolor=#FFA717 valign=top><img src="images/spacer.gif" width=263 height=1><br>
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td background="images/sale.jpg" height=40 width=263 valign=top style="padding-left:66px; padding-top:13px; font-size:13px; font:900;">SALE OF THE DAY</td>
                </tr>
                <tr>
                    <td background="images/news.jpg" height=154 valign=top>
<div style="padding-left:10px; padding-right:30px; padding-top:10px; color:#000000; font-size:10px" >
intro titre <br>
<br>
texxxxxxxxxxxxxxxxxxxx xxxx
xxxxxxxxxxxxxxxxxxxxxxxxx<br>
<br>
<a href="">Read more</a> <img src="images/pinl.gif">
 
</td>
                </tr>
                <tr>
                    <td background="images/news2.gif" height=37 width=263 valign=top style="padding-left:66px; padding-top:13px; font-size:13px; font:900;">COMPANY NEWS</td>
                </tr>
                <tr>
                    <td background="images/bg2.gif" height=300 style="background-repeat: no-repeat;" valign=top>
<div style="padding-left:10px; padding-right:30px; padding-top:10px; font-size:10px" >
Co-management is billed on pxan <br>
<br>
texttttttttttttttttttt<br>
<br>
<a href="">Read more</a>
<img src="images/pinl.gif">
</td>
                    <td>
                </tr>
            </table>
 
 
        </td>
        <td height=100% valign=top bgcolor="#">
        <table border="0" cellspacing="0" cellpadding="0" width=500>
                <tr>
                    <td background="images/muscu.jpg" bgcolor="#000000" height=230 width=503 valign=top style=" background-repeat: no-repeat; padding-left:66px; padding-top:89px; ">
 
                    <b>titreeeeee </b><br><br>
 
texxxxxxxxxxxxx<br><br>
 
<a href="">Read more</a><img src="images/pinl.gif">
 
                    </td>
                </tr>
            </table>
            <table border="0" cellspacing="0" cellpadding="0" width=500>
                <tr>
                    <td background="images/b1.jpg" bgcolor="#000000" height=300 width=315 valign=top style=" background-repeat: no-repeat; padding-left:6px; padding-top:9px; ">
                    <b>Titre </b><br><br>
 
                    texxxxxxxxxxxxxxx<br>
                    xxxxxxxxxxxxxx<br>
                    xxxxxxxxxxxxxxxxx<br><br>
                    <a href="">Read more</a><img src="images/pinl.gif">
 
                    </td>
                    <td background="images/b2.jpg" bgcolor="#000000" height=300 width=250 valign=top style=" background-repeat: no-repeat; padding-left:6px; padding-top:9px; ">
                    <b>titreeeeee</b><br><br>
 
                    texxxxxxxxxxxxxxx<br>
                    xxxxxxxxxxxxxx<br>
                    xxxxxxxxxxxxxxxxx<br><br>
                    <a href="">Read more</a><img src="images/pinl.gif">
 
                    </td>
                </tr>
            </table>
 
        </td>
        <td width=100% bgcolor=FFA717></td>
    </tr>
    <tr>
        <td colspan=2 background="images/footer1.gif" height=30 align=center>
        </td>
        <td background="images/footer1.gif" height=30></td>
    </tr>
    <tr>
        <td colspan=2 bgcolor="#000000" height=30>
        <center><dd>Copyright 2009, Ypsilon Coach <a href="">Terms and Conditions</a></center>
        </td>
        <td bgcolor="#000000" height=30></td>
    </tr>
</table>
</BODY>
</HTML>

merci au petit futé qui va me délivrer de mon problème

**12monkeys** · 06/05/2009, 22h51

Bonsoir

Une solution dans la FAQ : http://xhtml.developpez.com/faq/?pag...orizontalement et même un tutoriel sur le sujet : http://maxdesign.developpez.com/tuto.../centrer-bloc/

De plus pense à utiliser un DOCTYPE : lequel et pourquoi

Pour aller plus loin : une mise en page en tableaux c'est pas bon, les tableaux ne sont pas faits pour ça, fait plutôt une mise en page grâce au CSS : http://pbnaigeon.developpez.com/tuto...e-en-page-CSS/

**DetoX** · 07/05/2009, 09h16

merci à toi 12monkeys je vais étudier sa se soir merci encor

**DetoX** · 07/05/2009, 09h56

je n'arrive toujours pas a centrer ma page sniffff

J aimerais arriver a sa voir l'image http://img7.imageshack.us/img7/6066/centrer2.jpg

cette image est modifier avec gimp lol voila ... si quelqu'un avec une solution merci d'avance

**fab76000** · 07/05/2009, 16h20

Bonjour,
ce serait mieux si tu organisais ton code, en commençant d'abord par virer le css dans un autre fichier

**12monkeys** · 07/05/2009, 17h14

Envoyé par DetoX

je n'arrive toujours pas a centrer ma page sniffff

C'est pas de dire que tu n'y arrives pas qui va faire avancer le schmilblick ! Commence par nous montrer ce que tu as fait, et avec quelle partie des exemples tu as des problèmes...

**romain_ci** · 07/05/2009, 17h40

Bonjour,
De plus ton Table fait deja la taille maximum comme tu lui à preciser avec :

Code :

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

<table width="100%"...>

Donc impossible de center quelque chose qui rempli deja tout l'espace disponible.

1 - Revois ton css pour l'externaliser.
2 - Refait ton Html avec des balises qui correspondent (Faire du html en table, beurk, les tables sont faites pour recevoir des données tabulaires)
3 - Pour centrer ton site utilise les "position" et "margin" du css

Bon courage

Centrer une page

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager