Problème de sous-DIV
Résolu
Faradn
Messages postés
57
Statut
Membre
-
Faradn Messages postés 57 Statut Membre -
Faradn Messages postés 57 Statut Membre -
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
Configuration: Linux Firefox 3.0.14
4 réponses
-
-
Ok, j'avais indiqué les liens pour en fait, mais bon ...
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. -
je ne sais pas si tu as resolu le probleme mais moi quad je clique sa fonctionne sa me marque DAVID.
Mais mon navigateur web est internet explorer -
Dingue, merci ... Je me rends compte maintenant qu'il s'agit tout simplement du fait que l'image est pas passée sur le serveur . . .
Les erreurs dingues ... ça tue.
