un problème avec dreamwaver

celoux · 1 Juillet 2010

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&quot

;
}

/* L'en-tête */

#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banniere.png&quot

;
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&quot

;
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&quot

;
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&quot

;
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&quot

;
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&quot

;
background-repeat: repeat-x;

border: 2px solid black;
}

merci pour votre aide

patrice084 · 1 Juillet 2010

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.

webm · 1 Juillet 2010

je parie qu'il manque un </div>

celoux · 2 Juillet 2010

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">

</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&eacute;serv&eacute;s</p>

</div>

</body>
</html>

patrice084 · 2 Juillet 2010

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 · 3 Juillet 2010

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 · 3 Juillet 2010

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 !

celoux · 3 Juillet 2010

coucou me revoilà j'ai vaincu !

voyez plutot: www.lamarseillaisevousaccompagne.com

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

patrice084 · 3 Juillet 2010

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 · 3 Juillet 2010

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

celoux · 4 Juillet 2010

oh non pitié pas ça !

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

euh des solutions ???

Cybervince · 4 Juillet 2010

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.

webm · 4 Juillet 2010

Le mieux pour apprendre à faire un site et manier les css c'est de commencer avec WordPress.

celoux · 4 Juillet 2010

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 !

un problème avec dreamwaver

celoux

New Member

Pièces jointes

patrice084

Best Member

webm

Best Member

celoux

New Member

patrice084

Best Member

Cybervince

Best Member

celoux

New Member

celoux

New Member

patrice084

Best Member

Cybervince

Best Member

Pièces jointes

celoux

New Member

Cybervince

Best Member

webm

Best Member

celoux

New Member