[CSS] Problème d'affichage!

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Problème d'affichage!

PaJe1005

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

Publicité

Skopos

Titilleur de nombrils...

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

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'images	Probleme affichage liens CSS...
[CSS+HTML]Probleme d'affichage FireFox	CSS 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!

Page générée en 0.070 secondes