centrer les pages entre deux colonnes

**speedylol** · 05/10/2006, 10h09

bonjour je début en css voila le probléme que j'ai , les page ne s'affiche pas au centre de mes deux colonne mes au dessus au centre de celle-ci. j'aurais aimé avoir une aide sur ce point. merci beaucou de votre aide.

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
47
48
49
50
51
52
53
54
55
56
57
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style TYPE="text/css">
BODY {
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #D3E6FF;
scrollbar-base-color: #3D58A5;
scrollbar-face-color: #395294;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
}
.center {
   position: relative;
   background:#fff000;
   width: auto;
   height:400px;
   border:1px dashed #000;
   padding: 0px;
   }
.vertical a {
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  padding: 5px;
  border: 2px outset #c0c0c0;
  display: block;
  width: 100px;
}
.vertical a:hover {
  background-color: #6495ED;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}
//--></style>
</head>
  <td height="285"><table width="100%" height="267" border="0">
  <tr>
  <td width="150" height="261" bgcolor="#CC66FF">
  <div class="vertical" align="left">
  <ul>
  <a href="hlm1.html">Bouton 1</a>
  <a href="link2.html">Bouton 2</a>
  <a href="link3.html">Bouton 3</a>
  <a href="link1.html">Bouton 4</a>
  <a href="link2.html">Bouton 5</a>
  <a href="link3.html">Bouton 6</a>  
  </ul>
  </td>
  <td width="537"><div class="center"> hella</div></td>
  <td width="150" bgcolor="#CC66FF">&nbsp;</td>
  </tr>
</body>
</html>

**trotters213** · 05/10/2006, 10h35

2 ou 3 trucs : déjà mets toutes tes balises en minuscules, ensuite tout ça :

Code :

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

1
2
3
4
5
6
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #D3E6FF;
scrollbar-base-color: #3D58A5;
scrollbar-face-color: #395294;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;

ce n'est pas valide.
Tu oublies d'ouvrir la balise <body>.
Pour tes divs utilise id plutôt que classe (car tu ne les utilises qu'une seule fois).
Pour ton affichage utilise des divs plutôt q'un tableau.
HTML :

Code :

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

1
2
3
<div id="gauche">...</div>
<div id="milieu">...</div>
<div id="droite">...</div>

et dans ton CSS tu mets

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#droite {
float:left;
width:20%;
}
 
#milieu {
float:left;
width:60%;
}
 
#gauche{
float:left;
width:20%;
}

Dis nous ce qu'il en retourne

centrer les pages entre deux colonnes

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager