Se connecter / S'enregistrer
Votre question

Mon #corps css marche pas

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
8 Février 2010 04:02:06

BOnjour messieurs de la communauté! Désolé de vous déranger, c'est surement une erreur de ma part, mais la je bloque, j'ai pas l'habitude de demander un éclaircissement sur ce genre de sujet (les tutos se suffisent à eux même) mais la je suis perdu.
Voilà, mon CSS concernant le "corps" ne marche pas, MAIS, il fonctionne a merveille pour le menu et l'entête, l'image s'affiche, l'image de fond aussi, le menu flotte a gauche, no blème, mais en ce qui concerne le corps, nada !
J'ai beau mettre toutes les dimension possibles, (pour bien vérifier j'ai mis 500 pixels au margin-left, et la couleur verte pour le <h1>) rien y fait même mes changements les plus absurdes ne sont pas pris en comptes. Il est 4HOO du matin je vais me coucher, peut être une erreur que je vois pas, (fatigue), mais si vous avez une réponse a me fournir elle est la bienvenue.
Désolé des fautes, je suis claqué.
Merci d'avance !

(mon css :) 
Citation :

#le_corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}

#corps h1 /* Tous les titres h1 du corps */
{
color: green;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2 /* Tous les titres h2 du corps */
{
height: 30px;

background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */

padding-left: 30px;
color:red;
text-align: left;
}


et la mon corps en question :

Citation :
<div id="le_corps">
<h1>Mon super site</h1>

<p>
TEST TEST TEST TEST !<br />
TESTTEST TEST TEST TEST TEST TEST :-D
</p>

<h2>A TEST TEST TEST?</h2>
<p>
TEST TEST TEST TEST TEST TEST TEST <br />
TEST TEST TEST TEST TEST TEST TEST TEST TEST ! Si si !
</p>

<h2>L'TEST </h2>
<p>
TEST TEST TEST TEST TEST TEST TEST <br />
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST </br>
TEST TEST TEST TEST TEST TEST TEST
</p>
</div>


<div id="pied_de_page">
Copyright
</div>


ici la preuve que j'ai bien le CSS inscrit dans la balise link (d'ailleurs tout marche a part le corps)
Citation :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
<TITLE>23th century fox (mulder).</TITLE>
<META NAME="GENERATOR" CONTENT="OpenOffice.org 3.1 (Linux)">
<META NAME="AUTHOR" CONTENT="Ackbar ">
<META NAME="CREATED" CONTENT="20100129;23501900">
<META NAME="CHANGED" CONTENT="0;0">
<link rel="stylesheet" media="screen" type="text/css" title="design" href="design1.css" />
</HEAD>

Autres pages sur : corps css marche

8 Février 2010 04:50:47

bonjour,

tu as un div "le_corps" dans ton html,
dans ton css tu as :
"#le_corps{...}" et
"#corps h1{...}" --------> mettre "#le_corps h1{...}"
"#corps h2{...}" --------> mettre "#le_corps h2{...}"

a+

m
0
l
8 Février 2010 13:26:40

Ouais j'ai vu cette erreur ce matin, mais ça na hélas rien a voir, j'ai traficoter les noms dans l'espoir que cela change quelque chose a mon problème, et j'avais empirer les choses (fatigue hein! :-/ ) hélas le problème reste là. En tout cas merci, déjà ça peut que m'arranger, mais le CSS du "le_corps" ne marche toujours c'est effroyable d'énervement.
m
0
l
a c 232 L Programmation
11 Février 2010 00:04:13

Salut,

Ca marche très bien chez moi:

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #le_corps
  5. {
  6. margin-left: 140px;
  7. margin-bottom: 20px;
  8. padding: 5px;
  9.  
  10. color: #B3B3B3;
  11. background-color: #626262;
  12. background-image: url("images/motif.png" );
  13. background-repeat: repeat-x;
  14.  
  15. border: 2px solid black;
  16. }
  17.  
  18. #le_corps h1 /* Tous les titres h1 du corps */
  19. {
  20. color: green;
  21. text-align: center;
  22. font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
  23. }
  24.  
  25. #le_corps h2 /* Tous les titres h2 du corps */
  26. {
  27. height: 30px;
  28.  
  29. background-image: url("images/titre.png" ); /* Une petite image de fond sur les titres h2 */
  30. background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
  31.  
  32. padding-left: 30px;
  33. color:red;
  34. text-align: left;
  35. }
  36. </style>
  37.  
  38. <body>
  39. <div id="le_corps">
  40. <h1>Mon super site</h1>
  41.  
  42. <p>
  43. TEST TEST TEST TEST !<br />
  44. TESTTEST TEST TEST TEST TEST TEST :-D
  45. </p>
  46.  
  47. <h2>A TEST TEST TEST?</h2>
  48. <p>
  49. TEST TEST TEST TEST TEST TEST TEST <br />
  50. TEST TEST TEST TEST TEST TEST TEST TEST TEST ! Si si !
  51. </p>
  52.  
  53. <h2>L'TEST </h2>
  54. <p>
  55. TEST TEST TEST TEST TEST TEST TEST <br />
  56. TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST </br>
  57. TEST TEST TEST TEST TEST TEST TEST
  58. </p>
  59. </div>
  60.  
  61.  
  62. <div id="pied_de_page">
  63. Copyright
  64. </div>
  65. </body>
  66. </html>


Et je n'ai rien changé à ton code... (sauf la correction de #corps en #le_corps)
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS