Forums des Zéros

18 avril 2006 à 20:13:28

Fait ceci:

#menu
{
float: left;
width: 173px;
text-align: center;
}

Dans mon cas, ça a marché

.

Edit: T'aurais pu faire mieux pour l'image (le sreen de ton site)

: coupé avec Paint tout simplement.

18 avril 2006 à 20:15:57

non sa change rien :'(

18 avril 2006 à 20:24:44

Mets un "margin-right: xpx;" où tu a mis les liens.

Edit: mets en un aussi au menu parce que ton menu colle au corp !

18 avril 2006 à 20:34:55

j'ai pas bien compri se que tu a dis

flippy06

18 avril 2006 à 20:42:03

lol vive les tutos de m@teo

Pourtant en copiant-collant tout y a pas trop de problème d'habitude ^^lol
Oui le problème est dans ton
float: left

Et il veut dire que tu dois mettre un margin de "tant de px" pour séparer les <div>, va réviser avec m@teo si tunas des doutes

18 avril 2006 à 20:43:05

Je suis pas sûr du code :

.bottom{
height:200px;
width:173px;
background-image:url("images/bottom-menu.gif");
margin-right: Xpx; /* remplace X par une valeur, essai pour que le menu soit aligner */
}

#menu
{
float: left;
width: 173px;
margin-right: Xpx; /* remplace la valeur de X pour qu' on voit le corp (il est mangé par le menu) */
}

J'espere avoir été clair et t'avoir aidé.

PS: je n'ai pas lu tout ce que tu as marqué dans ton code.

Tudor-QVD

18 avril 2006 à 20:45:34

Dans ton code css tu as écrit plusieurs fois:

.element_menu h3
{/*...*/}

.element_menu ul
{/*...*/}

.element_menu a
{/*...*/}

.element_menu a:hover
{/*...*/}

Or dans ton code html, il n'est écrit nul part class="element_menu" à mon avis, tu aurais du mettre .menu dans le code css.

18 avril 2006 à 20:58:28

sa donnes sa ce n'est toujour pas sa

et pour quoi sousle menu il y a un bous de menu central ??

19 avril 2006 à 16:53:14

up
s'il vous plait

19 avril 2006 à 17:03:46

ça changera pas grand chose mais met :

.menu
{
width: 173px; /* tu avais oublié "px" */
}

PS: un truc me chiffone, tu as mis le haut, le bas puis le milieu alors que ça affiche normalement (haut, milieu, bas) o_O

19 avril 2006 à 17:33:34

il y a un truc de bizare o_O

le menu (centre) se prologe sur le menu(bas)
et non le code que tu ma donner ne change rien

si vous avez besoi des codes au complé dites le moi

19 avril 2006 à 17:51:57

Salut,
pourrais tu nous faire voir le code complet stp.

19 avril 2006 à 17:57:29

<!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>
<title>chezeus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="1desing.css" />
<LINK REL="SHORTCUT ICON" HREF="images/favicon.ico">
</head>
<body>

<!–– L'en–tête ––>

<div id="en_tete">

</div>

<!–– Les menus ––>

<div id="menu">
<div class="menu">
<div class="top"></div>
<div class="bottom">
<img src="titremenu.jpg" />
<ul>
<li><a href="index.html"><p>accueil</p></a></li>
<li><a href="page2.html"><p>galerie</p></a></li>
<li><a href="page3.html"><p>musique</p></a></li>
<li><a href="page4.html"><p>video</p></a></li>
</ul>
</div>
<div class="middle"></div>
</div>
</div>

<!–– Le corps ––>

<div id="corps">

<h1>Mon super site</h1>

<p>
Bienvenue sur mon super site !<br />
Vous allez adorer ici‚ c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :–D
</p>

<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes‚ on va m'accuser de discrimination ;o)<br />
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken‚ ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah‚ c'est moi‚ quelle question :–p<br />
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs‚ de les rendre accros à mon site‚ puis de les mettre en mon pouvoir.<br />
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait‚ j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>

</div>

<!–– Le pied de page ––>

<div id="pied_de_page">
<p>Copyright "chezeus Corporation" 2005‚ tous droits réservés chezeus@gmail.com </p>
<script type="text/javascript" src="http://www.ovnet.net/cpt/?code=4/57/6112/8/2&ID=47876"></script>
</div>

</body>

</html>

* body {
width : 870px;
margin : auto;
margin-top : 10px;
margin-bottom : 0;
background-image : url("images/fond.gif");
}
* #en_tete {
width : 774px;
height : 153px;
background-image : url("images/banniere.gif");
background-repeat : no-repeat;
margin-bottom : 0;
}
#menu
{
float: left;
width: 173px;
}
* .menu {
background-color : #626262;
background-image : url("images/bottom-menu.gif");
background-repeat : repeat-x;
border : 2px solid black;
margin-bottom : 20px;
   width: 173px;
}
* .top {
height : 30px;
width : 173px;
background-image : url("images/top-menu.gif");
}
   .bottom{
height:170px;
width:173px;
background-image:url("images/bottom-menu.gif");
   }
* .middle {
height : 34px;
width : 173px;
background-image : url("images/middle-menu.gif");
}
* .menu h3 {
color : #b3b3b3;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
text-align : center;
}
* .menu ul {
list-style-image : url("images/puce.png");
padding : 0;
padding-left : 20px;
margin : 0;
margin-bottom : 5px;
}
* .menu a {
color : #b3b3b3;
}
* .menu a:hover {
background-color : #b3b3b3;
color : black;
}
* #corps {
margin-left : 140px;
margin-bottom : 20px;
padding : 5px;
color : #b3b3b3;
background-color : #626262;
background-image : url("images/motif.png");
background-repeat : repeat-x;
border : 2px solid black;
}
* #corps h1 {
color : #b3b3b3;
text-align : center;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
* #corps h2 {
height : 30px;
background-image : url("images/titre.png");
background-repeat : no-repeat;
padding-left : 30px;
color : #b3b3b3;
text-align : left;
}
* #pied_de_page {
padding : 5px;
text-align : center;
color : #b3b3b3;
background-color : #626262;
background-image : url("images/motif.png");
background-repeat : repeat-x;
border : 2px solid black;
}
* a img {
border : none;
}
* ul {
list-style-type : none;
}
* a {
color : blue;
}

19 avril 2006 à 18:05:51

Essaies d'appliquer une margin-left : supérieur à 173px (largueur de ton menu) à ta div #corps {pour que le menu et le corps ne se supperposent pas.)

19 avril 2006 à 19:49:42

voila j'ai mis le cort et le probléme est plus importand encore voila un lien

text-align : center;
}
* .menu ul {
list-style-image : url("images/puce.png");
padding : 0;
padding-left : 20px;
margin : 0;
margin-bottom : 5px;
}
* .menu a {
color : #b3b3b3;
}
* .menu a:hover {
background-color : #b3b3b3;
color : black;
}
* #corps {
margin-left : 140px;
margin-bottom : 20px;
float: low ;
}
.top {
height : 30px;
width : 584px;
background-image : url("images/top-corps.gif");
}
.bottom{
height:786px;
width:584px;
background-image:url("images/bottom-corps.gif");
}
* .middle {
height : 30px;
width : 584px;
background-image : url("images/middle-corps.gif");
}
* #corps h1 {
color : #b3b3b3;
text-align : center;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
* #corps h2 {
height : 30px;
background-image : url("images/titre.png");
background-repeat : no-repeat;
padding-left : 30px;
color : #b3b3b3;
text-align : left;
}
* #pied_de_page {
padding : 5px;
text-align : center;
color : #b3b3b3;
background-color : #626262;
background-image : url("images/motif.png");
background-repeat : repeat-x;
border : 2px solid black;
}
* a img {
border : none;
}
* ul {
list-style-type : none;
}
* a {
color : blue;
}

<!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>
<title>chezeus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="1desing.css" />
<LINK REL="SHORTCUT ICON" HREF="images/favicon.ico">
</head>
<body>

<!–– L'en–tête ––>

<div id="en_tete">

</div>

<!–– Les menus ––>

<div id="menu">
<div class="menu">
<div class="top"></div>
<div class="bottom">
<img src="titremenu.jpg" />
<ul>
<li><a href="index.html"><p>accueil</p></a></li>
<li><a href="page2.html"><p>galerie</p></a></li>
<li><a href="page3.html"><p>musique</p></a></li>
<li><a href="page4.html"><p>video</p></a></li>
</ul>
</div>
<div class="middle"></div>
</div>
</div>

<!–– Le corps ––>

<div id="corps">
   <div class="corps">
<div class="top"></div>
<div class="bottom">
<ul>
<h1>Mon super site</h1>

<p>
Bienvenue sur mon super site !<br />
Vous allez adorer ici‚ c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :–D
</p>

<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes‚ on va m'accuser de discrimination ;o)<br />
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken‚ ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah‚ c'est moi‚ quelle question :–p<br />
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs‚ de les rendre accros à mon site‚ puis de les mettre en mon pouvoir.<br />
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait‚ j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>
</ul>
</div>
<div class="middle"></div>

</div>

<!–– Le pied de page ––>

<div id="pied_de_page">
<p>Copyright "chezeus Corporation" 2005‚ tous droits réservés chezeus@gmail.com </p>
   <script type="text/javascript" src="http://www.ovnet.net/cpt/?code=4/57/6112/8/2&ID=47876"></script>
</div>

</body>

</html>

je ne comprend plus

19 avril 2006 à 20:09:08

Essaies avec ces codes

body {
width : 870px;
margin : auto;
margin-top : 10px;
margin-bottom : 0;
background-image : url("images/fond.gif");
}

#en_tete {
width : 774px;
height : 153px;
background-image : url("images/banniere.gif");
background-repeat : no-repeat;
margin-bottom : 0;
}

#menu
{
float: left;
width: 173px;
}

.menu {
background-color : #626262;
background-image : url("images/bottom-menu.gif");
background-repeat : repeat-x;
border : 2px solid black;
margin-bottom : 20px;
width: 173px;
}

.top {
height : 30px;
width : 173px;
background-image : url("images/top-menu.gif");
}

.bottom{
height:170px;
width:173px;
background-image:url("images/bottom-menu.gif");
}

.middle {
height : 34px;
width : 173px;
background-image : url("images/middle-menu.gif");
}

.menu h3 {
color : #b3b3b3;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
text-align : center;
}

.menu ul {
list-style-image : url("images/puce.png");
padding : 0;
margin : 0;
margin-bottom : 5px;
}

.menu a {
color : #b3b3b3;
}

.menu a:hover {
background-color : #b3b3b3;
color : black;
}

#corps {
margin-left : 200px;
margin-bottom : 20px;
padding : 5px;
color : #b3b3b3;
background-color : #626262;
background-image : url("images/motif.png");
background-repeat : repeat-x;
border : 2px solid black;
}

#corps h1 {
color : #b3b3b3;
text-align : center;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 {
height : 30px;
background-image : url("images/titre.png");
background-repeat : no-repeat;
padding-left : 30px;
color : #b3b3b3;
text-align : left;
}

#pied_de_page {
padding : 5px;
text-align : center;
color : #b3b3b3;
background-color : #626262;
background-image : url("images/motif.png");
background-repeat : repeat-x;
border : 2px solid black;
}

a img {
border : none;
}

ul {
list-style-type : none;
}

a {
color : blue;
}

<!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>
<title>chezeus</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design sombre" href="1desing.css" />
<LINK REL="SHORTCUT ICON" HREF="images/favicon.ico">

</head>
<body>



<div id="en_tete">

</div>



<div id="menu">
<div class="menu">
<div class="top"></div>
<div class="bottom">
<img src="titremenu.jpg" />
<ul>
<li><a href="index.html">accueil</a></li>
<li><a href="page2.html">galerie</a></li>
<li><a href="page3.html">musique</a></li>
<li><a href="page4.html">video</a></li>
</ul>
</div>
<div class="middle"></div>
</div>
</div>

<!–– Le corps ––>

<div id="corps">

<h1>Mon super site</h1>

<p>
Bienvenue sur mon super site !<br />
Vous allez adorer ici‚ c'est un site génial qui va parler de... heu... Je cherche encore un peu le thème de mon site :–D
</p>

<h2>A qui s'adresse ce site ?</h2>
<p>
A tout le monde ! Si je commence à privilégier certaines personnes‚ on va m'accuser de discrimination ;o)<br />
Que vous soyez fans de fusils à pulsion plasma ou de Barbie et Ken‚ ce site est fait pour vous ! Si si !
</p>

<h2>L'auteur</h2>
<p>
L'auteur du site ? Bah‚ c'est moi‚ quelle question :–p<br />
Je vais essayer de faire le meilleur site du monde (ça doit pas être bien compliqué). Mon objectif est d'attirer un maximum de visiteurs‚ de les rendre accros à mon site‚ puis de les mettre en mon pouvoir.<br />
Je prendrai ensuite le contrôle du Monde. Une fois que ce sera fait‚ j'irai explorer les confins de l'Univers à la recherche de nouveaux peuples à soumettre à ma terrible puissance. MooUUuUuuUAhahHaaAhAAaaah !!! (rire diabolique).
</p>

</div>

<!–– Le pied de page ––>

<div id="pied_de_page">
<p>Copyright "chezeus Corporation" 2005‚ tous droits réservés chezeus@gmail.com </p>
<script type="text/javascript" src="http://www.ovnet.net/cpt/?code=4/57/6112/8/2&ID=47876"></script>
</div>

</body>

</html>

19 avril 2006 à 20:20:19

sa me donne sa
c'est mieu mais sa fait rien sur le cort

tu peut m'expliquer un peut se que tu a fais ??

19 avril 2006 à 20:27:50

J'ai fait ce que je t'ai dit plus haut, c'est à dire que j'ai mis une margin-left supérieure à 173px et en plus j'ai supprimé les "*" devant les balises, id, class dans le css