Espaces dans le design

29 août 2006 à 17:52:09

Bonjour,

J'ai quelques petits problèmes avec mon design, en effet, il y a des espaces que je ne voudrais pas voir apparaitre, pourriez-vous m'aider ?

Page html

Fichier CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title>FMA TEAM- Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="Page">
<div id="Header1">
</div>
<div id="Header2">
</div>

<div id="Dernieres_News">
Héhé, ici les nouveautées
</div>

<div id="Header4">
</div>

<div id="fin_header">
</div>

<div id="Conteneur_News">

</div>

<div id="Contour_News">
</div>

<div id="Menu">
<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

</div>

<div id="Top"><url src= "http://jim211.free.fr/fma-team/design_atsu.html" alt"..." />
</div>

<div id="Contour_pdp">
</div>

<div id="Pied_de_Page">
</div>

<div id="Dedicasse">
</div>

</div>

</body>
</html>

--------

Merci d'avance

Cordialement,

Atsuruno

scareface

29 août 2006 à 20:02:44

Salut!

Dis moi c'est une impression ou il manque la moitié de ton design? o_O

Encore une curiosité^^ pourquoi as-tu mis une étoile devant chaque id dans ton fichier css?

sinon pour la lisibilité de ton code pense à la coloration syntaxique

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<title>FMA TEAM- Accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="Page">
<div id="Header1">
</div>
<div id="Header2">
</div>

<div id="Dernieres_News">
Héhé, ici les nouveautées
</div>

<div id="Header4">
</div>

<div id="fin_header">
</div>

<div id="Conteneur_News">

</div>

<div id="Contour_News">
</div>

<div id="Menu">
<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

<a href="4.php">Lien</a>

</div>

<div id="Top"><url src= "http://jim211.free.fr/fma-team/design_atsu.html" alt"..." />
</div>

<div id="Contour_pdp">
</div>

<div id="Pied_de_Page">
</div>

<div id="Dedicasse">
</div>

</div>

</body>
</html>

* body {
margin : auto;
width: 700px;
font-color: #D1E5FD
}
* #Header1 {
float : none;
width : 700px;
height : 147px;
background-image: url("images/logoa.jpg");
background-repeat: no-repeat;

}
* #Header2 {
float : left;
width : 237px;
height : 68px;
background-image: url("images/logob.jpg");
background-repeat: no-repeat;
}
* #Dernieres news {
width : 155px;
height : 68px;
background-image: url("images/logonew.jpg");
background-repeat: no-repeat;
background-position: center;
}
* #Header4 {
float : right;
width : 308px;
height : 68px;
background-image: url("images/logod.jpg");
background-repeat: no-repeat;
}
* #fin_header {
float : left;
width : 700px;
height : 76px;
background-image: url("images/fin_header.jpg");
background-repeat: no-repeat;
}
* #Contour_news {
float: right
width : 78px;
height : 447px;
background-image: url("images/contour_news.jpg");
background-repeat: repeat-y;
}
* #Conteneur_news {
float : left;
width : 394px;
height : 466px;
background-image: url("images/Conteneur_news.jpg");
background-repeat: repeat-y;
}
* #Menu {
float : right;
width : 78px;
height : 447px;
background-image: url("images/menu.jpg");
background-repeat: repeat-y;
}
* #Top {
float : left;
height : 62px;
background-image: url("images/top.jpg");
background-repeat: no-repeat;
}
* #Contour_pdp {
height : 51px;
background-image: url("images/contour_pdp.jpg");
background-repeat: no-repeat;
}
* #Pied de Page {
float : right;
height : 32px;
background-image: url("images/pdp.jpg");
background-repeat: no-repeat;
}
* #Dedicasse {
height : 11px;
background-image: url("images/dedicasse.jpg");
background-repeat: no-repeat;
}

BenZoU`

29 août 2006 à 20:04:35

essaies de rajouter...

*
{
margin: 0;
padding: 0;
}

...dans ton css.

Tchew

Atsuruno

29 août 2006 à 20:29:09

C'est bon c'était à cause de mon texte qui n'était pas dans le bon module.

Par contre, mon design s'entasse l'un sur l'autre, margin padding servent-ils aussi à placer l'img de mon design découpée ?Je le rajoute à chaque fois avec les longuer de px ?