18041 sujets

Questions générales et questions de débutants

Alignement des images en bas impossible sur firefox

Bonjour,

je viens vers vous car je mets sur pieds en html une réalisation, et je butte sur un problème vraisemblablement tout à fait basique mais qui me donne du fils à retordre car je ne vois pas d'explication.
Je suis débutant toutefois j'arrive à me débrouiller.

Cela concerne l'alignement des images que je n'arrive pas à aligner en bas, du moins, sur firefox celles-ci ne veulent pas s'afficher en bas. (sur IE cela fonctionne)

Je vous soumets donc un tableau exemple comprenant 4 cellules et des images d'angles où vous pourrez constater le problème.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>teste 

uu</title></head><body>
<table style="text-align: left; width: 40px; background-color: black;" border="0" 

cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="vertical-align: top; height: 20px; width: 20px; text-align: left;"><img 

style="width: 20px; height: 20px;" alt="2" 

src="http://img204.imageshack.us/img204/3479/20586783.jpg"><br>
      </td>
      <td style="vertical-align: top; height: 20px; width: 20px; text-align: right;"><img 

style="width: 20px; height: 20px;" alt="1" 

src="http://img204.imageshack.us/img204/569/26124436.jpg"><br>
      </td>
    </tr>
    <tr>
      <td style="vertical-align: bottom; height: 20px; width: 20px; text-align: 

left;"><img style="width: 20px; height: 20px;" alt="3" 

src="http://img39.imageshack.us/img39/1883/75493263.jpg"><br>
      </td>
      <td style="vertical-align: bottom; height: 20px; width: 20px; text-align: 

right;"><img style="width: 20px; height: 20px;" alt="4" 

src="http://img204.imageshack.us/img204/7669/87420010.jpg"><br>
      </td>
    </tr>
  </tbody>
</table>
<br>
</body></html>


Merci à vous.

Cordialement.
Bonjour, Smiley smile

Plutôt que de passer par un tableau de mise en page pour obtenir des coins arrondis, pourquoi ne pas passer par la propriété définie en CSS 3 ?

Un tutoriel explique même comment faire ici. Smiley cligne
Merci pour votre réponse, je vais regarder ça.

Ceci étant, j'aimerais également comprendre pourquoi malgré la propriété bottom les images ne s'affichent pas en bas.
Est-ce bien le cas d'ailleurs pour vous également?

Merci à vous.
Sujet clos
Aller à