[CSS] Problème d'affichage!

Marsh Posté le 25-03-2011 à 00:58:20

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 :

Et voici le rendu que j'ai :

Spoiler :

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 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
</head> 
 
<body> 
<div id="header"></div> 
<table width="1020" border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td class="navbar">&nbsp;</td> 
  </tr> 
  <tr> 
    <td class="gauche">&nbsp;</td> 
    <td class="centre">&nbsp;</td> 
    <td class="droite">&nbsp;</td> 
  </tr> 
  <tr> 
    <td class="footer">&nbsp;</td> 
  </tr> 
</table> 
</body> 
</html>

Et mon code CSS :

Code :

@charset "utf-8";
/* CSS Document */
 
/* //////////////////
Paramètres du site 
//////////////////*/
 
body {
background: url('images/background.jpg') center fixed; 
width: 1020px;
margin: auto;
margin-top: 10px; 
margin-bottom: 10px;
}
body,td,th {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}
a {
    text-decoration:none;
    color:#0FAFCF;
}    
a:hover {
    color:#000000;
}
 
/* //////////////////
Head, nav, foot 
//////////////////*/
 
#header {
    background-image:url('images/header.png'); /* lien pour backgrounder l'image */
    background-repeat:no-repeat; /*  on veut pas que ça se repete... */
    width: 1018px; /* longueur... */
    height: 418px; /* hauteur... */
}
 
.navbar {
    background-image:url('images/navbar.png');
    background-repeat:no-repeat;
    width: 1018px; /* longueur... */
    height: 206px; /* hauteur... */
}
 
.footer {
    background-image:url('images/footer.png');
    background-repeat:no-repeat;
    width: 1018px; /* longueur... */
    height: 312px; /* hauteur... */
}
 
/* //////////////////
Conceptions des menus
//////////////////*/
 
.droite {
    background-image:url('images/menu-d.png');
    background-repeat:no-repeat;
    widht: 85px;
}
 
.gauche {
    background-image:url('images/menu-g.png');
    background-repeat:no-repeat;
    widht: 224px;
}
 
.centre {
    background:url('images/fond-haut-page.png') no-repeat top center #ffffff;
    widht: 709px;
}

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

Reply

Marsh Posté le 25-03-2011 à 00:58:20

Reply

Marsh Posté le 25-03-2011 à 07:13:14

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

Reply

[CSS] Problème d'affichage!

Sujets relatifs:

Leave a Replay