Bonjour,
Je suis une formation en vidéo XHTML CSS, que j'ai acheté en téléchargement et je n'arrive pas a voir ou les contacter car j'ai un souci. Donc je me retourne ici.
j'ai un des exercice ou j'ai ceci en code XHTML
Et ceci pour le moment en CSS
Dans #contenu je devrais avoir un fond blanc mais il ne s'affiche pas et je ne vois pas pourquoi.
Je le retrouve bien dans mon menu !
Merci pour votre aide.
Modifié par byters (17 Aug 2009 - 15:50)
Je suis une formation en vidéo XHTML CSS, que j'ai acheté en téléchargement et je n'arrive pas a voir ou les contacter car j'ai un souci. Donc je me retourne ici.
j'ai un des exercice ou j'ai ceci en code XHTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>Ma Petite Entreprise</title>
<link rel="stylesheet" type="text/css" href="styles/global.css" />
<link rel="stylesheet" type="text/css" href="styles/accueil.css" />
</head>
<body>
<div id="global">
<div id="entete">
<h1><img src="images/titre-site.png" alt="Ma Petite Entreprise" /></h1>
<p>connait pas la crise</p>
</div> <!-- id #entete -->
<ul id="menu">
<li class="en-cours"><a href="accueil.html"><span>Accueil</span></a></li>
<li><a href="produit.html"><span>Nos produits formidables</span></a></li>
<li><a href="services.html"><span>Nos services innovants</span></a></li>
<li><a href="contact.html"><span>Contact</span></a></li>
</ul>
<div id="contenu">
<div id="accueil-col1">
<div class="boite">
<h2>Une affaire qui roule</h2>
<p>Chaque jour, grâce à des marges outrancières et à la crédulité de ses clients, «Ma Petite Entreprise» accroît son chiffre d'affaires.</p>
<p>Dans un monde rempli de défis de toutes sortes, les produits «Ma Petite Entreprise» combattent les tâches à coup de marrons, et terrassent l'art à coup de vraies reproductions de faux tableaux de maîtres. Nous distribuons également, en exclusivité, les authentiques ukulélés ouzbèques.</p>
<p>Découvrez aussi notre offre de services extraordinaire!</p>
</div><!-- class .boite -->
<div class="boite">
<h2>Actualités</h2>
<ul>
<li>
<span class="date">15 mars 2010</span><br />
<a href="#">Introduction en bourse menée avec brio!</a>
</li>
<li>
<span class="date">29 février 2010</span><br />
<a href="#">Ma Petite Entreprise acquiert les Boucheries Sanzot</a>
</li>
<li>
<span class="date">11 février 2010</span><br />
<a href="#">Ma Petite Entreprise annonce de nouveaux services innovants</a>
</li>
<li>
<span class="date">02 janvier 2010</span><br />
<a href="#">Quelques heures après leur lancement, succès indéniable des lessives C. Walker</a>
</li>
</ul>
</div><!-- class .boite -->
</div> <!-- id #accueil-col1 -->
<div id="accueil-col2">
<h2>Top produits</h2>
<ol>
<li><a href="#">Lessive C. Walker</a></li>
<li><a href="#">Anti- adoucissant C. Walker</a></li>
<li><a href="#">Reproductions de faux tableaux</a></li>
</ol>
<h3>Ce qu'en disent nos clients</h3>
<blockquote>
<p>Ces produits sont iniques et le service client est désastreux. À éviter.</p>
<p class="auteur">S. Atisfai</p>
</blockquote>
<blockquote>
<p>On peut difficilement faire pire.</p>
<p class="auteur">E. Reux</p>
</blockquote>
</div> <!-- id #accueil-col2 -->
</div> <!-- id #contenu -->
</div> <!-- id #global -->
</body>
</html>Et ceci pour le moment en CSS
/* ============================================
Feuille de styles pour exercice Site Complet
============================================ */
/* --- Styles globaux de la page --- */
body {
margin: 0;
padding: 10px;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
background: #000000 url(../images/fond.png);
}
#global {
width: 766px;
margin-left: auto;
margin-right: auto;
}
/* --- En-tête --- */
#entete {
height: 90px;
padding: 0 6px;
}
#entete h1 {
float: left;
margin: 0 20px 0 0;
padding-top: 27px;
font-size: 40px;
font-weight: normal;
text-transform: lowercase;
}
#entete p {
margin: 0;
padding-top: 46px;
}
/* --- Navigation --- */
#menu {
float: left;
width: 140px;
margin: 0;
padding: 0;
list-style: none;
color: black;
background: white;
}
/* --- Bloc de contenu --- */
/* --- Conteneur --- */
#contenu {
margin-left: 150px;
color: black;
background: white;
}
/* --- Styles des éléments de contenu --- */Dans #contenu je devrais avoir un fond blanc mais il ne s'affiche pas et je ne vois pas pourquoi.
Je le retrouve bien dans mon menu !
Merci pour votre aide.
Modifié par byters (17 Aug 2009 - 15:50)