un problème avec dreamwaver

celoux

New Member
j'ai suivi un tuto sur le net à cette adresse http://www.siteduzero.com/tutoriel-3-13572-creons-le-design-de-votre-site-web.html#ss_part_1

j'ai beau refaire pareil (même copier coller son code pour être sûre) mais je n'obtiens pas la même chose

comme vous pouvez le voir j'ai mon texte au milieu qui refuse de venir en haut

voici mon code css:
/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
<lien url="http://www.siteduzero.com">http://www.siteduzero.com</lien>
*/

body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond.png");
}

/* L'en-tête */

#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banniere.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}


/* Le menu */

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

.element_menu
{
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;

margin-bottom: 20px;
}


/* Quelques effets sur les menus */


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

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

.element_menu a
{
color: #B3B3B3;
}

.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
}


/* Le corps de la page */

#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;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
padding: 5px;
clear: both;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}


merci pour votre aide
 

Pièces jointes

  • Sans titre-1 copie.jpg
    Sans titre-1 copie.jpg
    199.9 KB · Affichages: 5

patrice084

Best Member
celoux link=topic=107549.msg1226001#msg1226001 date=1278005498 a dit:
j'ai suivi un tuto sur le net à cette adresse http://www.siteduzero.com/tutoriel-3-13572-creons-le-design-de-votre-site-web.html#ss_part_1

j'ai beau refaire pareil (même copier coller son code pour être sûre) mais je n'obtiens pas la même chose

comme vous pouvez le voir j'ai mon texte au milieu qui refuse de venir en haut

Ce serait plus simple de mettre en pj, la feuille de style et le fichier html. L'erreur peut aussi provenir de la page html.
 

celoux

New Member
non j'ai vérifié il ne manque pas de </div> !

et c'est quoi cette histoire de pj j'ai pas compris ?

voici la feuille html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>La Marseillaise vous accompagne</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="designfixe.css" />
</head>


<body>

<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>



<div id="menu">

<div class="element_menu">
<h3>En Provence...</h3>
<ul>
<li><a href="visitesguidees.html">Visites guidées</a></li>
<li><a href="scolaires.html">Visites scolaires</a></li>
<li><a href="creationdeprojet.html">Création de projet</a></li>
</ul>
</div>

<div class="element_menu">
<h3>Sur le web...</h3>
<ul>
<li><a href="guidemarseille.html">Marseille</a></li>
<li><a href="guideaix.html">Aix-en-Provence</a></li>
<li><a href="photos.html">Photos</a></li>
<li><a href="journal.html">Journal</a></li>
</ul>
</div>

<div id="contenu">
<p>tralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala itouralala i
</p>
</div>


<div id="pied_de_page">
<p>Copyright "La Marseillaise vous accompagne" 2010, tous droits réservés</p>

</div>

</body>
</html>
 

patrice084

Best Member
celoux link=topic=107549.msg1226110#msg1226110 date=1278051064 a dit:
non j'ai vérifié il ne manque pas de </div> !

et c'est quoi cette histoire de pj j'ai pas compris ?

PJ pour pièce jointe et il manque bien un </div>

Le <div id="menu"> n'est pas fermé. Rajoutez un </div> avant le <div id="contenu">
et cela devrait aller.
 

Cybervince

Best Member
Patrice084 link=topic=107549.msg1226445#msg1226445 date=1278106565 a dit:
Le <div id="menu"> n'est pas fermé. Rajoutez un </div> avant le <div id="contenu">
et cela devrait aller.
Ah ben je vois qu'on a vu la même :laugh: .
Je confirme, il manque bien une </div>
 

celoux

New Member
PUNAISE !

merci vous me sauvez la vie !

je vais tester ça de suite je vous tiens au courant !

j'ai vraiment du mal avec la programmation j'ai appris sur le tas et je galère.

Ouè je sais c'est logique c'est comme les maths vous allez me dire...

mais j'ai été une triple buse en maths aussi...

quand c'est logique, pour moi c'est incompréhensible !
 

patrice084

Best Member
celoux link=topic=107549.msg1226556#msg1226556 date=1278176631 a dit:
coucou me revoilà j'ai vaincu !



le site est en construction merci pour votre aide !!!

Salut,

Je ne vois pas le début des mots sur la gauche et je ne vois pas la fin de l'image sur la droite. En gros ta page est plus large que mon écran pourtant en 1280*960
 

Cybervince

Best Member
Ah moi c'est l'inverse, le fond se répète sur la droite (sous Safari).
 

Pièces jointes

  • Capture d’écran 2010-07-03 à 22.18.19.jpg
    Capture d’écran 2010-07-03 à 22.18.19.jpg
    324.8 KB · Affichages: 5

celoux

New Member
oh non pitié pas ça !

pourtant j'ai suivi un tuto exprès pour le faire en design fixe !!!

euh des solutions ???
 

Cybervince

Best Member
celoux link=topic=107549.msg1226665#msg1226665 date=1278260464 a dit:
oh non pitié pas ça !

pourtant j'ai suivi un tuto exprès pour le faire en design fixe !!!

euh des solutions ???
Suffit de ne pas répéter le background.
 

celoux

New Member
je viens de mettre un background no repeat normalement c'est bon !!

pour la taille je vais voir ça plus tard !

merci en tout cas !
 

Ca peut vous intéresser