Centrage dans un tableau

FoxLeRenard · 17/12/2005, 18h41

Désolé mais ça fait suite a une question résolue en partie avec des DIV
inclus dans un TD d'un tableau.

Voila ce que je cherche a obtenir

Dans un TD d'un tableau, j'ais une image (bandeau de 400px
puis en dessous je voudrait une liste CENTREE mais dont les textes soient calés à gauche (left)

j'essais de dessiner ça:
les XXXXXXXX c'est l'image (bandeau)

Code :

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

1
2
3
4
5
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX|  ==TD SUIVANT ==
            * blabla bla 18                                
            * truc machin 150                                    
            *etc

Vous feriez comment ?
Merci d'avance

**Becafuel** · 17/12/2005, 21h07

essaie avec les marges dans les CSS

**hawaks** · 17/12/2005, 23h15

Code :

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

1
2
3
4
5
 
<table>
<tr><td>lienImage</td><td> TD suivant</td></tr>
<tr><td><center>Liste a puce</center></td><td> TD suivant</td></tr>
</table>

Si tu rajoute la balise center entre tes listes ca devrait centré en dessous la cellule de l image non??
Sinon essaye avec des marges en Css:

Code :

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

1
2
3
4
5
6
7
8
 
<div class="liste_puces">listes puces</div>
 
Css:
 
.liste_puces{
padding-left: nombre de px; 
}

Je sais pas

**Becafuel** · 18/12/2005, 00h20

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
<html>
 
<style type="text/css">
 
.textealigne
  {
    position:relative;
    left:80px;
  }
  
.textealigne2
  {
    position:relative;
    left:220px;
  }
  
.textealigne3
  {
    position:relative;
    padding-left:220px;
  }
  
</style>
 
<body>
<table width="300" border="1">  <tr><td>
<div class="textealigne">  <ul>
  <li>Ligne 1</li>
  <li>Deuxième ligne</li>
  <li>Ligne n°3</li>
  <li>Dernière ligne (n°4)</li>
</ul>
</div>
</td></tr></table>
<hr />
<table width="300" border="1">  <tr><td>
<div class="textealigne2">  <ul>
  <li>Ligne 1</li>
  <li>Deuxième ligne</li>
  <li>Ligne n°3</li>
  <li>Dernière ligne (n°4)</li>
</ul>
</div></td></tr></table>
<hr />
<table width="300" border="1">  <tr><td>
<div class="textealigne3">  <ul>
  <li>Ligne 1</li>
  <li>Deuxième ligne</li>
  <li>Ligne n°3</li>
  <li>Dernière ligne (n°4)</li>
</ul>
</div></td></tr></table>
 
</body>
</html>

Le premier style correspond à ce que tu veux.
Le deuxième aussi, mais avec un décalage trop important.
Le troisième avec le même décalage trop important, mais en utilisant "padding-left" au lieu de "left".

Dans le cas où ton décalage est dans les limites, il n'y a pas de différence visible entre "left" et "padding-left".