Centrage dans un tableau

Version imprimable

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:

1 2 3 4 5 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX| ==TD SUIVANT == * blabla bla 18 * truc machin 150 *etc
Vous feriez comment ?
Merci d'avance

17/12/2005, 21h07
Becafuel

essaie avec les marges dans les CSS

Code:

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:

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 :roll:

Code:

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".

18/12/2005, 04h49
FoxLeRenard

Citation:

Envoyé par Becafuel

essaie avec les marges dans les CSS

Ton deuxiéme message est vraiment précieux pour moi, un vrais petit cours :D

Mille merci pour cela
(je marque donc le fil comme résolu)

A+
18/12/2005, 04h53
FoxLeRenard

Citation:

Envoyé par hawaks

Si tu rajoute la balise center entre tes listes ca devrait centré en dessous la cellule de l image non??

Non ou il faudrait donner une largeur au div si non par default il est en width 100%

De plus CENTER n'est pas valide WC3. :(

Merci de ta réponse :D