Problème HTML

Problème HTML - HTML/CSS - Programmation

Marsh Posté le 23-03-2009 à 18:17:10    

Bonjour, je fais un TP et je voudrais centrer l'image de l'affiche du film, j'ai utiliser un "margin:auto" mais ça ne fonctionne pas, j'ai essayer avec "margin-left:..%" mais l'image ne bouge toujours pas..
 
Je vous montre un screen pour que vous compreniez mieux:
http://www.zimagez.com/miniature/essai162.jpg
 
---------------------------------------------------------------------------------------
 
Et je mets également mon code:
 

Code :
  1. // Afficher du tableau
  2. echo "<table border='2' class='tableau'>";
  5. echo "<tr class='hauteur'>";
  6. echo "<th class='photo'>Photo du film</th>";
  7. echo "<th>Nom du film</th>";
  8. echo "<th class='description'>Description</th>";
  9. echo "<th>Genre</th>";
  10. echo "</tr>";
  11.          
  13. // tant qu'il y a des lignes de retournées on affiche les films
  14. while ($line = mysql_fetch_array($result)) {
  16. /* la fonction mysql_fetch_array retourne les résultats sous la forme d'un tableau associatif dans lequel on accède aux différents éléments de la manière suivante
  17. */
  20. echo "<tr class='hauteur'>";
  21. echo "<td class='centre'><img src=images/".$line[photo]." width=80px height=50px></td>";
  22. echo "<td>".$line[titre]."</td>";
  23. echo "<td>".$line[resume]."</td>";
  24.     echo "<td>".$titre[genre]."</td>";
  25. echo "</tr>";
  27.        }
  29. echo "</table>";


----------------------------------------------------------------------------------------
 
Ma page CSS:
 

Code :
  1. body{
  2. background-image:url("images/accueil.jpg" );
  3. background-repeat:repeat;
  4. }
  6. .tableau{
  7. height:100px;
  8. width:80%;
  9. margin-left:10%;
  10. border-style:solid;
  11. }
  13. .hautimage{
  14. height:100px;
  15. }
  17. .hauteur{
  18. background-color:white;
  19. height:50px;
  20. }
  22. .description{
  23. width:33%;
  24. background-color:white;
  25. }
  27. .photo{
  28. width:100px;
  29. height:100%;
  30. }
  32. .centre{
  33. margin-left:5%;
  34. }

Reply

Marsh Posté le 23-03-2009 à 18:17:10   

Reply

Marsh Posté le 24-03-2009 à 08:16:42    

text-align: center pour .centre en définissant une largeur à ta cellule?


Message édité par blackhawker le 24-03-2009 à 08:19:03

---------------
création de site - photo
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed