Forums des Gones du Mac

par **kmillo** » Lun 19 Juil 2010 14:12:06

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.

par **guill** » Lun 02 Août 2010 13:55:50

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

par **LionelMacBruSoft** » Lun 02 Août 2010 17:09:47

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:

par **guill** » Lun 02 Août 2010 22:13:51

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.

par **LionelMacBruSoft** » Lun 02 Août 2010 22:42:27

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

Qui est en ligne ?