Discussion :

[edison1986]

Bonjour,

Tout dabord voici le code :

Code :

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

1
2
3
4
5
6
7
8
9
10
...
 <td>
  <div class="img1">
   <img src=" la source " />
  </div>
  <div class="img2">
   <img src=" la source " />
  </div>
 </td>
...

voila mon probleme, le <td> a une hauteur variable et je voudrai que la premiere image soit coller en haut du <td> et que la seconde soit collé en bas.

pour cela je veu utiliser les css le probleme est que ke je ne voi pas commen faire.

merci de votre aide.

[Mahefasoa]

Salut,

C'est peut-être pas ce que tu attendais, mais ce bout de code pourrait servir.

Code HTML :

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

1
2
3
4
5
6
7
8
...
 <td>
   <img src=" la source " />
   <br />
   <img src=" la source " />
 </td>
...

Un br!???

Bon courage et @+

[magnus2005]

tente un

.myimg{width:100%;} sur chaque div

Code :

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

1
2
3
4
5
6
7
8
 <td>
  <div class="myimg img1">
   <img src=" la source " />
  </div>
  <div class="myimg img2">
   <img src=" la source " />
  </div>
 </td>

Je te conseille quand la meme la solution de Mahefasoa

[heyax]

Bonsoir,

Vu que ton TD aura une hauteur qui varie je crois pas que le <br /> soit une bonne idée! parcontre si tu ajoute un div entre les deux div avec un min-height:100%, Ce dernier va s'agrandir et se raptisser en fonction de la taille de ton td.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
 <td>
  <div class="myimg img1">
   <img src=" la source " />
  </div>
<div style="min-height:100%">
</div>
  <div class="myimg img2">
   <img src=" la source " />
  </div>
 </td>

Essayes ça, j'espere que ca va t'aider

[francis m]

à noter que le min-height n'est pas géré pas certains navigateurs