Se connecter / S'enregistrer
Votre question

Problème CSS/HTML (affichage)

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
14 Août 2007 02:40:26

Pour commencer bonjour à tous.

J'ai un petit problème sur une page internet que je suis entrain de créer :-/, car si le problème persiste je ne pourrais rien faire dessus.

Donc déjà si vous voulez voir le beug c'est la -> http://www.og-matadores.fr/Xe/index.php

Donc vous aurez vu le beug au niveau du menu, il y a un décalage et je ne sais absolument pas pourquoi sachant qu'il y a deux images qui sont "pas trop mal" positionnées.

Donc je vous passe déjà le code de mon index.php :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" rel="nofollow" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
  2. <html xmlns="<a href="http://www.w3.org/1999/xhtml" rel="nofollow" target="_blank">http://www.w3.org/1999/xhtml</a>">
  3. <head>
  4. <title>Xtr4d3's Skins</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
  7.  
  8. </head>
  9.  
  10. <body>
  11. <div id="header">
  12. </div>
  13.  
  14.  
  15.  
  16. <center><a href="elegance.php"><img src="img/elegance.png" alt="Elegance Skin" title="Cliquez pour le voir !" /></a><a href="chimik.php"><img src="img/chimik.png" alt="Chimik Skin" title="Cliquez pour le voir !" /></a><a href="db_blue.php"><img src="img/db_blue.png" alt="db_blue Skin" title="Cliquez pour le voir !" /></a></center>
  17.  
  18.  
  19. <div id="corps">
  20. <h1>Mes Skins</h1>
  21. </div>
  22.  
  23. <div id="footer">
  24. <p>Copyright Xtr4d3 2007, tous droits réservés</p>
  25. </div>
  26.  
  27. </body>
  28. </html>


Celui de mon CSS :
  1. body
  2. {
  3. width:600px;
  4. margin:auto;
  5. margin-top:20px;
  6. margin-bottom:20px;
  7. background-image:url(img/background.jpg);
  8. background-repeat:inherit;
  9. }
  10.  
  11. #header
  12. {
  13. width:685px;
  14. height:84px;
  15. background-image:url(img/header.png);
  16. background-repeat: no-repeat;
  17. margin: auto;
  18. }
  19.  
  20. #corps
  21. {
  22. background-image:url(img/corps.png);
  23. background-repeat:no-repeat;
  24. margin:auto;
  25. width:685px;
  26. height:750px;
  27. text-align:center;
  28. }
  29.  
  30. #corps h1
  31. {
  32. color:#999999;
  33. font-family:Arial, Helvetica, sans-serif;
  34. top:20px;
  35. font-style:normal;
  36. text-align:center;
  37. font-variant: small-caps;
  38. text-decoration:underline;
  39. }
  40.  
  41. #footer
  42. {
  43. background-image:url(img/copyright.png);
  44. background-position:center;
  45. background-repeat:no-repeat;
  46. text-align:center;
  47. }
  48.  
  49. img
  50. {
  51. height:25px;
  52. border: 0;
  53. }


Donc, le corp, comme vous l'aurez vu fait 685px et le menu fait moin 600px, donc logiquement il ne devrait pas avoir le problème de "chevauchement".

Si vous avez l'aimable sympathie de m'aider, ça serait vraiment gentil :-].

Merci pour vos réponses prochaines

Autres pages sur : probleme css html affichage

14 Août 2007 04:57:08

Bon j'ai enfin trouvé une solution après 2 heures de recherche, j'ai mis le tout dans un tableau et la tout est bien aligné
14 Août 2007 09:24:58

Peut-etre qu'il y a une autre solution?
ta essayer de mettre des div?
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS