Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2431 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [resolu]introduction d'un script php qui foire le CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[resolu]introduction d'un script php qui foire le CSS

n°1775791
Sephirius2
Posté le 22-08-2008 à 08:34:15  profilanswer
 

Salut,
Comme vous avez pu le lire dans le titre, mon CSS qui fonctionne très bien en temps normal plante lorsque j'ajoute du php...
La partie qui plante est le bas_de_page. Le site n'étant pas encore uploader je ne peu pas vous le montrer. A défaut voici le code.
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  3. <head>
  4.  <title>CDH-Hastière - Belgium</title>
  5.  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
  7.  <link rel="stylesheet" media="screen" type="text/css" title="Theme" href="theme.css" />
  8. </head>
  9. <body>
  10. <div id="body_page">
  11.  <div id="haut_de_page">
  12.   <?php
  13.   include ("entete.php" )
  14.   ?>
  15.  </div>
  16.  <div id="conteneur">
  17.   <div id="menu_gauche">
  18.    <?php
  19.    include ("menu_gauche.php" )
  20.    ?>
  21.   </div>
  22.   <div id="menu_droit">
  23.    <?php
  24.    include ("menu_droit.php" )
  25.    ?>
  26.   </div>
  27.   <div id="centre_de_page">
  28.    <?php
  29.    $pages_ok = array('accueil' => 'accueil.php', 'liens' => 'liens.php');
  30.    if (in_array($_GET['page'], $pages_ok)) {
  31.    include $_GET['page'].'.php';
  32.    } else {
  33.    header ('HTTP/1.1 404 Not Found');
  34.    die();
  35.    }
  36.    ?>
  37.   </div>
  38.  </div>
  39.  <div id="bas_de_page">
  40.    <?php
  41.    include ("copyright.php" )
  42.    ?>
  43.  </div>
  44. </div>
  45. </body>
  46. </html>


 

Code :
  1. /* ---> Page de CSS pour le site cdH-Hastière <---*/
  2. body
  3. {
  4.     width: 100%;
  5. margin: 0; /* pour éviter les marges */
  6. text-align: center;
  7. background-color: yellow;
  8. background-image: url("images/background.png" ); /* image de fond */
  9. background-repeat: repeat-x;
  10. font: 0.8em "Trebuchet MS", helvetica, sans-serif ; /* police par défaut */
  11. }
  12. #body_page
  13. {
  14. border: none;
  15. margin: auto;
  16. margin-top: 20px;
  17. margin-bottom: 0px;
  18. height: 100%;
  19. width: 984px;
  20. text-align:left;
  21. background-color: none;
  22. }
  23. #haut_de_page
  24. {
  25. margin-bottom: 0px;
  26. height: 180px;
  27. width: 984px;
  28. background-color: none;
  29. background-image: url("images/banniere.png" );
  30. background-repeat: no-repeat;
  31. }
  32. #conteneur
  33. {
  34. height: 620px;
  35. width: 984px;
  36. background-color: none;
  37. margin-bottom: 0px;
  38. background-color: none;
  39. }
  40. #menu_gauche
  41. {
  42. float: left;
  43. height:620px;
  44. width: 180px;
  45. background-color: white;
  46. background-image: url("images/lateralg.png" );
  47. background-repeat: repeat-y;
  48. }
  49. dl, dt, dd, ul, li  .menu
  50. {
  51. margin: 0;
  52. margin-top: 0px;
  53. padding: 0;
  54. list-style-type: none;
  55. }
  56. .menu img
  57. {
  58. border:none;
  59. }
  60. .menu dt
  61. {
  62. list-style-image: url("images/leftpuce2.png" );
  63. }
  64. .menu
  65. {
  66. position: relative;
  67. top: 0;
  68. left: 20px;
  69. }
  70. dl.menu
  71. {
  72. width: 140px; /*taille des cadres menu*/
  73. list-style-image: url("images/leftpuce2.png" );
  74. }
  75. dl.menu dt
  76. {
  77. cursor: pointer; /*remplace flèche par main*/
  78. margin: 2px 0; /*ecart entre les cadres menus*/
  79. height: 20px; /*hauteur des cases menus*/
  80. line-height: 20px;
  81. text-align: left; /*texte menu aligné à droite*/
  82. padding-left: 00px; /*deplacement vers la droite du texte du menu*/
  83. /*font-weight: bold;*/ /*texte menu en gras*/
  84. /*border: 1px solid gray;*/
  85. background: none; /*couleur de fond des menus fermé*/
  86. color: white; /*texte couleur blanche*/
  87. }
  88. dl.menu dd
  89. {
  90. padding-left: 20px;
  91. /*border: 1px solid gray;*/
  92. }
  93. dl.menu li
  94. {
  95. text-align: left;
  96. margin-left: 20px;
  97. background: none; /*couleur de fond des menus ouvert*/
  98. }
  99. dl.menu li a, dl.menu dt a {
  100. color: white; /*couleur pour les liens actif*/
  101. text-decoration: none; /*supprime le surlignement des liens*/
  102. display: block;
  103. border: 0 none;
  104. height: 100%;
  105. }
  106. dl.menu li a:hover, dl.menu dt a:hover {
  107. background: red; /*couleur de surlignement au passage de la souris*/
  108. }
  109. #menu_droit
  110. {
  111. float:right;
  112. height: 620px;
  113. width: 180px;
  114. background-color: orange;
  115. background-image: url("images/laterald.png" );
  116. }
  117. #centre_de_page
  118. {
  119. height: 620px;
  120. margin-right:180px;
  121. margin-left: 180px;
  122. background-color: green;
  123. }
  124. #bas_de_page
  125. {
  126. margin-top: 0px;
  127. margin-bottom: 4px;
  128. height: 80px;
  129. width: 984px;
  130. background-color: black;
  131. }


 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  3. <head>
  4. <title>un menu déroulant en CSS et javascript</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <link rel="stylesheet" media="screen" type="text/css" title="Theme" href="theme.css" />
  7. <script type="text/javascript">
  8. <!--
  9. window.onload=montre;
  10. function montre(id) {
  11. var d = document.getElementById(id);
  12. for (var i = 1; i<=10; i++) {
  13.  if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
  14. }
  15. if (d) {d.style.display='block';}
  16. }
  17. //-->
  18. </script>
  19. </head>
  20. <body>
  21. <dl class="menu">
  22. <h3>cdH-Hastière</h3>
  23.  <dt onclick="javascript:montre('smenu1');"><a href="index.php?page=accueil"><img src="images/leftpuce2.png" alt="puce"/>  Accueil</a></dt>
  24.  <dt onclick="javascript:montre('smenu2');"><a href="#"><img src="images/leftpuce2.png" alt="puce"/>  Agenda</a></dt>
  25.   <dd id="smenu2">
  26.    <ul>
  27.     <li><a href="#">Année en cours</a></li>
  28.     <li><a href="#">Archives</a></li>
  29.    </ul>
  30.   </dd>
  31.  <dt onclick="javascript:montre('smenu3');"><a href="#"><img src="images/leftpuce2.png" alt="puce"/>  Actualité</a></dt>
  32.  <dt onclick="javascript:montre('smenu4');"><a href="#"><img src="images/leftpuce2.png" alt="puce"/>  Publications</a></dt>
  33.   <dd id="smenu4">
  34.    <ul>
  35.     <li><a href="#">Année en cours</a></li>
  36.     <li><a href="#">Archives</a></li>
  37.    </ul>
  38.   </dd>
  39.  <dt onclick="javascript:montre('smenu5');"><a href="#"><img src="images/leftpuce2.png" alt="puce"/>  Comité et Contacts</a></dt>
  40.  <dt onclick="javascript:montre('smenu6');"><a href="#"><img src="images/leftpuce2.png" alt="puce"/>  Présentation du cdH</a></dt>
  41.   <dd id="smenu6">
  42.    <ul>
  43.     <li><a href="#">Local</a></li>
  44.     <li><a href="#">National</a></li>
  45.    </ul>
  46.   </dd>
  47.  <dt onclick="javascript:montre('smenu7');"><a href="#"><img src="images/leftpuce2.png" alt="puce"/>  L'arrondissement</a></dt>
  48.  <dt onclick="javascript:montre('smenu8');"><a href="index.php?page=liens"><img src="images/leftpuce2.png" alt="puce"/>  Liens</a></dt>
  49.  <dt onclick="javascript:montre('smenu9');"><a href="#"><img src="images/leftpuce2.png" alt="puce"/>  Contacts</a></dt>
  50. </dl>
  51. </body>
  52. </html>


 
Je n'ai pas mis tt les includes ca n'aurait pas servi. Si quelqu'un à une idée pr empêcher mon bas de page de disparaitre. (les couleurs vous choque... normal elle me serve à différencier les blocs)
 
Au passage si quelqu'un sait me dire si il est possible de coller une puce devant chaque "dt" dans mon menu je serais intéressé, pcq pr le moment ca fait vraiment bordel dans mon code (une idée CSS)
 
Merci


Message édité par Sephirius2 le 22-08-2008 à 12:39:40
mood
Publicité
Posté le 22-08-2008 à 08:34:15  profilanswer
 

n°1775931
Sephirius2
Posté le 22-08-2008 à 12:39:23  profilanswer
 

Problème résolu

n°1852668
papa6
Posté le 18-02-2009 à 16:37:16  profilanswer
 

Salut,
 
Peux-tu nous dire ce que tu as corrigé ? Le "bon" nous intéresse plus que ta longue liste de code erroné ;-)
 
Merci


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [resolu]introduction d'un script php qui foire le CSS

 

Sujets relatifs
Ouvrir une commande en UTF-8 [RÉSOLU]déporter mon code CSS
[Résolu] Problème d'upload de fichier[Resolu] Export ACCESS vers txt
Style CSS dans <option>[RESOLU] [VBA excel] copier un fichier d'un repertoire a un autre
[Résolu]Modifier Menu contextuel clic droit javascript/html[résolu]Appel de fonction
Tracer des graphiques à la chaînes avec Excel/VBA [Résolu][RESOLU]SOAP & WSDL (java6)
Plus de sujets relatifs à : [resolu]introduction d'un script php qui foire le CSS


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR