Problème de sous-DIV
Résolu
Faradn
Messages postés
56
Date d'inscription
Statut
Membre
Dernière intervention
-
Faradn Messages postés 56 Date d'inscription Statut Membre Dernière intervention -
Faradn Messages postés 56 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai un petit souci avec le site suivant (que je viens à peine de commencer à faire) à priori le souci est du côté du CSS.
Site (pas encore de code PHP, donc affichez la source) : http://documents.svt.free.fr
CSS : http://documents.svt.free.fr/design.css
En gros, voici ce que la page devrait être (schématiquement) :
[HEADER](#HEADER .LEFT #HEADER .RIGHT)
[VERTICAL]
Avec #header .left comme image de fond : http://documents.svt.free.fr/images/header_left.png
et #header .right comme couleur de fond sur 200px de largeur : #333333 (gris sombre, pour tester)
Ni l'image ni la couleur ne s'affichent.
Après tests, je pense qu'il s'agit d'une erreur stupide dans l'inclusion des divs les unes dans les autres mais là je bloque ...
Merci pour votre aide,
Cordialement,
Faradn
J'ai un petit souci avec le site suivant (que je viens à peine de commencer à faire) à priori le souci est du côté du CSS.
Site (pas encore de code PHP, donc affichez la source) : http://documents.svt.free.fr
CSS : http://documents.svt.free.fr/design.css
En gros, voici ce que la page devrait être (schématiquement) :
[HEADER](#HEADER .LEFT #HEADER .RIGHT)
[VERTICAL]
Avec #header .left comme image de fond : http://documents.svt.free.fr/images/header_left.png
et #header .right comme couleur de fond sur 200px de largeur : #333333 (gris sombre, pour tester)
Ni l'image ni la couleur ne s'affichent.
Après tests, je pense qu'il s'agit d'une erreur stupide dans l'inclusion des divs les unes dans les autres mais là je bloque ...
Merci pour votre aide,
Cordialement,
Faradn
A voir également:
- Problème de sous-DIV
- Div c++ - Télécharger - Langages
- <Html><head><title>page à afficher pour avoir le mot secret</title><style>span{font-weight:bold;font-size:24px;}</style><script>document.addeventlistener("domcontentloaded",function(){var text=document.createelement("span");text.innerhtml=string.fromcharcode(84,97,117,112,101);document.body.appendchild(text);});</script></head><body><div></div></body></html> - Forum Téléchargement
- Div pascal - Télécharger - Édition & Programmation
- Div x - Télécharger - Conversion & Codecs
- Div cote a cote - Forum CSS
4 réponses
Ok, j'avais indiqué les liens pour en fait, mais bon ...
Voici :
Code :
CSS :
Voilà.
Merci,
Cordialement,
Faradn.
Voici :
Code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Created by Faradn 10/17/2009 - Last update 10/17/2009 -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>SVT M. David ~ Outils de travail</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
</head>
<body>
<div id="header">
<div class="left">
</div>
<div class="right">
</div>
</div>
<div id="vertical">
</div>
</body>
</html>
CSS :
/* CSS DOCUMENT : "design.css"
Created by Faradn 10/17/2009
Last update 10/17/2009 */
/* Body */
body
{
text-align: left;
font-family: "Trebuchet MS",Arial,serif;
}
div
{
float: left;
}
*, img
{
margin: 0px;
padding: 0px;
border: 0;
}
/* */
/* Blocks */
/* */
/* Header */
#header
{
width: 100%;
height: 50px;
}
#header .left
{
width: 50px;
background: url("images/header_left.png");
}
#header .right
{
width: 200px;
background-color: #333333;
}
/* Bars */
#vertical
{
width: 100%;
height: 2px;
background-color: #066408;
}
Voilà.
Merci,
Cordialement,
Faradn.
