Bonjour,
Après de multiples essais je ne vois pas où est l'erreur.
J'ai recommencé avec des fichiers a-minima.
Mais toujours pareil la feuille de style n'est pas prise en compte ( en particulier, centrée et de largeur fixe)
Merci
Cordialement
Page html:
Et maintenant le css:
Modifié par cpalo (25 Nov 2012 - 08:43)
Après de multiples essais je ne vois pas où est l'erreur.
J'ai recommencé avec des fichiers a-minima.
Mais toujours pareil la feuille de style n'est pas prise en compte ( en particulier, centrée et de largeur fixe)
Merci
Cordialement
Page html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="description" content="maxi 200 caractères pour décrire la page." />
<meta name="author" content="Patrice Cahue" />
<title>Titre de la page</title>
<link href="/css/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div="wrapper">
<div="header">
<h2> Mon blog, mon site...</h2>
</div>
<div="main">
<h3>Bienvenue</h3>
<p><img src="img/image.jpg" alt="image" width="50"height="80" class="imgGauche" />
Vivamus eu sapien orci. Mauris mollis iaculis malesuada. Vivamus convallis libero et libero tincidunt fringilla. Nulla et tellus metus, et pellentesque nisi. Proin facilisis facilisis consequat. Cras ligula risus, molestie sit amet mollis sed, tristique iaculis erat. Nullam at erat sagittis sapien vehicula dictum. Donec eget sodales ante. Sed sit amet felis massa, vitae volutpat turpis. Etiam tincidunt ullamcorper tristique. Morbi rutrum dui lorem, vitae aliquet lectus. Nulla velit augue, varius non faucibus a, rutrum eu lectus. Vestibulum varius ornare purus quis congue. Pellentesque felis sem, consequat a laoreet ultrices, consectetur eget nisl. Morbi tincidunt felis at turpis pharetra ut imperdiet orci bibendum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec lectus a nulla viverra tempor. Fusce vel tincidunt tellus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis porttitor ullamcorper lorem a dignissim. Suspendisse a sem sapien. Sed risus justo, venenatis nec volutpat nec, bibendum ut leo. Cras pellentesque viverra tortor. Donec convallis sodales mollis. Vestibulum dolor felis, vehicula sed scelerisque ac, iaculis eu sem. Cras tincidunt turpis eu enim tempor pellentesque.</p>
</div>
<div="footer">
<p>Mentions légales</p>
</div>
</div>
</body>
</html>
Et maintenant le css:
/* -----------------------------------*/
/* RESET DES HTML TAGS STANDARTS */
/* -----------------------------------*/
body,
h1, h2, h3,
p, ul, li,
form {
border:0px;
margin:0px;
padding:0px;
}
/* ------------------------------------*/
/* DEFINITION DES HTML TAGS STANDARTS */
/* ------------------------------------*/
body,
form, input {
background-color: #e5e5e5;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}
h1:{font-size:24px; /* .....autres propriétés.....*/}
h2:{font-size:18px; /* .....autres propriétés.....*/}
h3:{font-size:13px; /* .....autres propriétés.....*/}
a:link; a:visited {color:#0033CC;}
a:hover {color:666666;}
/* ------------------------------------*/
/* STRUCTURE DE LA PAGE */
/* ------------------------------------*/
#wrapper {
width: 960px;
margin-right: auto;
margin-left: auto;
background-color:#ffdead;
}
/* -----------------------------*/
/* HEADER */
#header{
background:url(img/bg_header_wf.jpg) no-repeat;
height: 150px;
}
#header h2 {
color: #fff;
text-align: right;
padding-right: 20px;
padding-top: 25px;
}
/* -----------------------------*/
/* PRINCIPAL */
#main {
background-color: #badada;
padding: 10px;
}
#main h3 {
margin-top: 0;
color: #006;
}
/* -----------------------------*/
/* PIED DE PAGE */
#footer {
background-color: #9bcaca;
border-top: 1px solid #003;
}
#footer p {
font-size: .7em;
color: #006;
text-align: center;
margin-top: 0;
padding-top: 5px;
padding-bottom: 7px;
}
/* ------------------------------------*/
/* CLASSES SPECIFIQUES */
/* ------------------------------------*/
.imgGauche {
float: left;
margin-top: 5px;
margin-right: 10px;
}
Modifié par cpalo (25 Nov 2012 - 08:43)
