Forums des Gones du Mac

Bonjour à tous,

La création de site web m'attire depuis un moment déjà, et j'ai donc décidé de me lancer cet été.
Je travaille sur dreamweaver 8 (j'ai eu quelques cours dessus durant l'année), et j'ai du mal avec les feuilles de style CSS.

Je voudrais faire un menu avec à gauche une image fixe et au centre et à droite des boutons pour le menu. J'ai voulu insérer d'abord l'image à gauche, mais elle n'apparaît pas du tout lorsque je passe en mode création. (J'ai suivi les tutoriaux d'Alsacreation).

Voici ma feuille CSS :

body
{
margin:10px 0 ;
padding: 0 ;
text-align: center ;
font: "Century Gothic" ;
font-size: 12px ;
background: #000000 ;
}

div#conteneur
{
width: 720 px ;
margin: 0 auto ;
text-align: left ;
border: 2px solid #ab4 ;
background: #fff ;
}

h1#header
{
background-repeat: no-repeat;
padding: 0 px;
background-image : url(images/Logo HolidaySport.png);
}

div#contenu p
{
text-align: justify;
text-indent: 2em ;
line-height: 1.7em ;
}

pre
{
overflow: auto ;
}

Et voici ma page HTML:

<!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" type="text/css" media="all" href="Style1.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>index</title>
</head>

<body>
<p class="Style1">bvdkmbksm vcd,svbnsù </p>
<p class="Style1"> </p>
<p class="Style1"> </p>
</body>
</html>

Cela fait trois jours que je cherche, je ne sais plus par où commencer.

Merci beaucoup de vos réponses.

Il y a effectivement "quelques" erreurs dans le codes... J'essaie de faire une réponse claire et complète ce soir.

Bonjour,

(réponse rapide)
Voici ce que je te conseille sur ta page HTML :

<HTML>
<HEAD>
<TITLE>MacBruSoft - logiciels, utilitaires et electronique sous Mac OS.</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr-FX">
<META NAME="description" CONTENT="MacBruSoft : votre partenaire sous Mac OS.">
<META NAME="Keywords" CONTENT="MacBruSoft, electronique, autres, mots, cles">
<meta name="author" content="Lionel">
<meta name="copyright" content="MacBruSoft">
<meta name="Identifier-URL" content="http://macbrusoft.free.fr">
<META NAME="revisit-after" CONTENT="2 days">
<META NAME="GENERATOR" CONTENT="Adobe Dreamwever Mac OS">

<link href="styles.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="screen"></style>
<link rel="shortcut icon" href="http://macbrusoft.free.fr/macbrusoft.ico">
</head>

Tu remplaceras bien sûr le contenu des balises (méta...).

Quant à ton image : Logo HolidaySport.png
:arrow:

Pas d'espace dans un nom de fichier (image, document, page...). Tu mets, par exemple un tiret :
Logo-HolidaySport.png
ou encore Logo_HolidaySport.png

Bien cordialement.
Lionel :bonjour:

en plus j'ajouterai que tu fais référence dans ton css à des balises que tu ne réutilises pas... donc il est normal que ça ne donne rien...

Visiblement il te manque (au moins) :
- un div nommé conteneur
- un div contenu
- un div header (mais qui n'a pas de style)
- tes menus dans des balises h1

j'avoue ne pas comprendre à quoi tu veux arriver surtout...

mais déjà

Code : Tout sélectionner: <body> <p class="Style1">bvdkmbksm vcd,svbnsù </p> <p class="Style1"> </p> <p class="Style1"> </p> </body>

devrait plus ressembler à ça

Code : Tout sélectionner: <body> <div id="conteneur"> <div id="header"> <h1>Titre 1</h1> <h1>Titre 2</h1> <h1>Titre 3</h1> </div> <div id="contenu"> <p>Le texte</p> </div> </div> </body>

Évite bien sûr les espaces dans les noms de fichiers, mais aussi les majuscules et tous les caractères spéciaux qui peuvent poser soucis.

Bonjour,

Oui, pour compléter un peu la réponse à ce sujet général :
Pas d'espace dans un nom de fichier (image, document, page...), ni de lettre accentuées, pas non plus -par exemple- de signes (multiplié, plus, égal...) ou ponctuation (virgule...), ni de caractères spéciaux (dollar, euro, livre, dièse...) car tout cela soit peu poser problème; soit est réservé à d'autres usages particuliers.

En résumé : pour un nom de fichier, je t'invite à utiliser uniquement des lettres minuscules (a à z) des points et des tirets.

Lionel :bonjour:

Forums des Gones du Mac

CSS et dreamweaver

CSS et dreamweaver

Re: CSS et dreamweaver

Re: CSS et dreamweaver

Re: CSS et dreamweaver

Re: CSS et dreamweaver