Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1352 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Problème d'affichage!

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Problème d'affichage!

n°2065950
PaJe1005
Posté le 25-03-2011 à 00:58:20  profilanswer
 

Bonjour, alors voilà, je suis actuellement en Terminale GSI et on a un projet à réaliser pour le BAC (en ce qui concerne mon groupe, un site de e-commerce profitant du succès dont jouit la licence Pokémon).
Donc, je m'occupe du webdesign principalement et voilà, j'ai un léger soucis.
Déjà, je précise que je débute en CSS.  
 
Voici le rendu que je veux avoir :
 

Spoiler :

http://img835.imageshack.us/img835/2083/chartegraphiqueencours2.png


 
Et voici le rendu que j'ai :
 

Spoiler :

http://img830.imageshack.us/img830/9153/designz.jpg


 
Donc, comme vous pouvez le voir, j'ai juste un soucis au niveau du centre et de la partie droite. =/
 
Voici mon code HTML :
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Untitled Document</title>
  7. </head>
  8. <body>
  9. <div id="header"></div>
  10. <table width="1020" border="0" align="center" cellpadding="0" cellspacing="0">
  11.  <tr>
  12.    <td class="navbar">&nbsp;</td>
  13.  </tr>
  14.  <tr>
  15.    <td class="gauche">&nbsp;</td>
  16.    <td class="centre">&nbsp;</td>
  17.    <td class="droite">&nbsp;</td>
  18.  </tr>
  19.  <tr>
  20.    <td class="footer">&nbsp;</td>
  21.  </tr>
  22. </table>
  23. </body>
  24. </html>


 
Et mon code CSS :
 

Code :
  1. @charset "utf-8";
  2. /* CSS Document */
  3.  
  4. /* //////////////////
  5. Paramètres du site
  6. //////////////////*/
  7.  
  8. body {
  9. background: url('images/background.jpg') center fixed;
  10. width: 1020px;
  11. margin: auto;
  12. margin-top: 10px;
  13. margin-bottom: 10px;
  14. }
  15. body,td,th {
  16.     font-family: Verdana, Arial, Helvetica, sans-serif;
  17.     font-size: 10px;
  18.     color: #000000;
  19. }
  20. a {
  21.     text-decoration:none;
  22.     color:#0FAFCF;
  23. }    
  24. a:hover {
  25.     color:#000000;
  26. }
  27.  
  28. /* //////////////////
  29. Head, nav, foot
  30. //////////////////*/
  31.  
  32. #header {
  33.     background-image:url('images/header.png'); /* lien pour backgrounder l'image */
  34.     background-repeat:no-repeat; /*  on veut pas que ça se repete... */
  35.     width: 1018px; /* longueur... */
  36.     height: 418px; /* hauteur... */
  37. }
  38.  
  39. .navbar {
  40.     background-image:url('images/navbar.png');
  41.     background-repeat:no-repeat;
  42.     width: 1018px; /* longueur... */
  43.     height: 206px; /* hauteur... */
  44. }
  45.  
  46. .footer {
  47.     background-image:url('images/footer.png');
  48.     background-repeat:no-repeat;
  49.     width: 1018px; /* longueur... */
  50.     height: 312px; /* hauteur... */
  51. }
  52.  
  53. /* //////////////////
  54. Conceptions des menus
  55. //////////////////*/
  56.  
  57. .droite {
  58.     background-image:url('images/menu-d.png');
  59.     background-repeat:no-repeat;
  60.     widht: 85px;
  61. }
  62.  
  63. .gauche {
  64.     background-image:url('images/menu-g.png');
  65.     background-repeat:no-repeat;
  66.     widht: 224px;
  67. }
  68.  
  69. .centre {
  70.     background:url('images/fond-haut-page.png') no-repeat top center #ffffff;
  71.     widht: 709px;
  72. }


 
Je sèche complètement et pourtant ça fait des heures que je cherche sur le net et des heures à bidouiller sur DW... Donc je viens ici pour solliciter votre aide. =D
 
Merci d'avance. =)
 
Amicalement.


Message édité par gilou le 25-03-2011 à 13:27:29
mood
Publicité
Posté le 25-03-2011 à 00:58:20  profilanswer
 

n°2065951
Skopos
Titilleur de nombrils...
Posté le 25-03-2011 à 07:13:14  profilanswer
 

Ce sujet a été déplacé de la catégorie Graphisme vers la categorie Programmation par Skopos


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Problème d'affichage!

 

Sujets relatifs
Problème affichage Safari (HTML/CSS)[HTML/CSS] Affichage version mobile
Problème d'affichage d'un menu en CSS (résolu)Problème affichage menu déroulant CSS/java sous IE
[HTML/CSS] Problème affichage d'imagesProbleme affichage liens CSS...
[CSS+HTML]Probleme d'affichage FireFoxCSS probléme d'affichage entre Navigateurs
[HTML/CSS] - Problème d'affichage margin-top: -10px; sous IE [RESOLU][HTML/CSS/JS] Probleme de priorité d'affichage
Plus de sujets relatifs à : [CSS] Problème d'affichage!


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR