inclue en PHP

inclue en PHP - HTML/CSS - Programmation

Marsh Posté le 30-04-2005 à 11:55:14    

Bonjour à tous !.
 
je débute depuis quelques jours  
Et j'ai par contre un petit souci avec le haut et le bas du site, en largeur avec Internet Explorer s'est légèrement décalé, par contre avec Mozilla Firefox c'est nickel.
Si quelqu'un pouvait m'aider, ça serait très gentil.
Et j'ai un autre souci, quand je veux mettre un inclue en PHP, ça ne marche pas, et je ne comprends pas pourquoi.
Et j'ai encore un autre problème, quand je rétrécis la fenêtre de  Mozilla Firefox la colonne de droite s'enlève pour se mettre en  desous de la colonne de gauche. Par contre le haut et le bas de ma page se rétrécit bien.
Les liens ne marchent pas mais c'est normal.
Je vous remercie.
Charlotte.  
 
Voici une page Web.
http://ile.chrispat.free.fr/20/index.php  
 
Voici mon code.
/* CSS Document */

Code :
  1. body {margin: 0;
  2. padding:0;
  3. position: absolute;
  4. width: 100%;
  5. height: 100%;
  6. font-family: verdana, arial, sans-serif;
  7. }
  8. .bloc0 {background-color: #FF6600;
  9. height: 50px;
  10. width: 750px;
  11. margin-top: 0px;
  12. margin-left: 10px;
  13. text-align: center;
  14. }
  15. .bloc1 {background-color: yellow;
  16. height: 530px;
  17. width: 140px;
  18. float: left;
  19. margin-left: 10px;
  20. }
  21. .bloc2 {background-color: #6600FF;
  22. height: 530px;
  23. width: 470px;
  24. float: left;
  25. overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
  26. font-size: 14px;
  27. margin-left: 0px;
  29. }
  30. .bloc3 {background-color: yellow;
  31. height: 530px;
  32. width: 140px;
  33. float: left;
  34. margin-left: 0px;
  35. }
  36. .bas {background-color: #99FF00;
  37. height: 20px;
  38. font-size: 12px;
  39. margin-top: 530px;
  40. margin-left: 10px;
  41. padding: 0 40px;
  42. border-left: 10px solid #00ff00;
  43. border-right: 10px solid #00ff00;
  44. width: 750px;
  45. voice-family: "\"}\"";
  46. voice-family:inherit;
  47. width: 650px;
  48. }
  49. html>body .bas {
  50. width:650px;
  51. }
  53. BODY
  54. {
  55. SCROLLBAR-FACE-COLOR: #6600FF;
  56. SCROLLBAR-HIGHLIGHT-COLOR: #6600FF;
  57. SCROLLBAR-SHADOW-COLOR: #FF6666;
  58. SCROLLBAR-3DLIGHT-COLOR: #6699FF;
  59. SCROLLBAR-ARROW-COLOR:  yellow;
  60. SCROLLBAR-TRACK-COLOR: #6600FF;
  61. SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
  62. }


 
voici mon code.

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  4. <html>
  5. <head>
  6. <title>Document sans titre</title>
  7. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  8. <meta http-equiv="Content-Language" content="fr">
  9. <link rel="stylesheet" type="text/css" href="fichier.css">
  10. <link rel="stylesheet" type="text/css" href="boutons.css">
  12. </head>
  14. <body bgcolor="#CC0000">
  15. <div class="bloc0">Nocario</div>
  16. <div class="bloc1"> <a class="menu1" href="index.php?page=intro"><font color="#FFFFFF">PAGE
  17.   ACCUEIL</font></a> <a class="menu1" href="index.php?nocario=nocario"><font color="#FFFF00">NOCARIU</font></a>
  18.   <a class="menu1" href="index.php?p=2"><font color="#33FF00">NOCARIU SS LA NEIGE</font></a>
  19.   <a class="menu1" href="index.php?p=3"><font color="#99FFCC">PIETRICAGGIO</font></a>
  20.   <a class="menu1" href="index.php?p=4"><font color="#FFFF66">ERBAGGIO</font></a>
  21.   <a class="menu1" href="index.php?p=5"><font color="#FF0000">EGLISE SAINT MICHEL</font></a>
  22.   <a class="menu1" href="index.php?p=6"><font color="#CCFF66">FONTAINES</font></a>
  23.   <a class="menu1" href="index.php?p=7"><font color="#FF9999">GENEALOGIE</font></a>
  24.   <a class="menu1" href="index.php?p=8"><font color="#99CCFF">MAIRES</font></a>
  25.   <a class="menu1" href="index.php?p=9"><font color="#FFCCCC">REPAS 2004</font></a> </a>
  26.   <a class="menu1" href="index.php?p=2"><font color="#33FF00">NOCARIU SS LA NEIGE</font></a>
  27.   <a class="menu1" href="index.php?p=3"><font color="#99FFCC">PIETRICAGGIO</font></a>
  28.   <a class="menu1" href="index.php?p=4"><font color="#FFFF66">ERBAGGIO</font></a>
  29.   <a class="menu1" href="index.php?p=5"><font color="#FF0000">EGLISE SAINT MICHEL</font></a>
  30.   <a class="menu1" href="index.php?p=6"><font color="#CCFF66">FONTAINES</font></a>
  31.   <a class="menu1" href="index.php?p=7"><font color="#FF9999">GENEALOGIE</font></a>
  32.   <a class="menu1" href="index.php?p=8"><font color="#99CCFF">MAIRES</font></a>
  33.   <a class="menu1" href="index.php?p=9"><font color="#FFCCCC">REPAS 2004</font></a>
  34.   bla bla bla</div>
  35. <div class="bloc2"> j'aurais voulu mettre un un inclue en PHP, mais ça ne marche pas.
  36. </div>
  37. <div class="frame"> </div>
  38. <div class="bloc3"><a class="menu1" href="index.php?page=intro"><font color="#FFFFFF">PAGE
  39.   ACCUEIL</font></a> <a class="menu1" href="index.php?nocario=nocario"><font color="#FFFF00">NOCARIU</font></a>
  40.   <a class="menu1" href="index.php?p=2"><font color="#33FF00">NOCARIU SS LA NEIGE</font></a>
  41.   <a class="menu1" href="index.php?p=3"><font color="#99FFCC">PIETRICAGGIO</font></a>
  42.   <a class="menu1" href="index.php?p=4"><font color="#FFFF66">ERBAGGIO</font></a>
  43.   <a class="menu1" href="index.php?p=5"><font color="#FF0000">EGLISE SAINT MICHEL</font></a>
  44.   <a class="menu1" href="index.php?p=6"><font color="#CCFF66">FONTAINES</font></a>
  45.   <a class="menu1" href="index.php?p=7"><font color="#FF9999">GENEALOGIE</font></a>
  46.   <a class="menu1" href="index.php?p=8"><font color="#99CCFF">MAIRES</font></a>
  47.   <a class="menu1" href="index.php?p=9"><font color="#FFCCCC">REPAS 2004</font></a> </a>
  48.   <a class="menu1" href="index.php?p=2"><font color="#33FF00">NOCARIU SS LA NEIGE</font></a>
  49.   <a class="menu1" href="index.php?p=3"><font color="#99FFCC">PIETRICAGGIO</font></a>
  50.   <a class="menu1" href="index.php?p=4"><font color="#FFFF66">ERBAGGIO</font></a>
  51.   <a class="menu1" href="index.php?p=5"><font color="#FF0000">EGLISE SAINT MICHEL</font></a>
  52.   <a class="menu1" href="index.php?p=6"><font color="#CCFF66">FONTAINES</font></a>
  53.   <a class="menu1" href="index.php?p=7"><font color="#FF9999">GENEALOGIE</font></a>
  54.   <a class="menu1" href="index.php?p=8"><font color="#99CCFF">MAIRES</font></a>
  55.   <a class="menu1" href="index.php?p=9"><font color="#FFCCCC">REPAS 2004</font></a> blu blu blu</div>
  56. <div class="bas">Cette partie basse reste fixe</div>
  57. </body>
  58. </html>


Message édité par CharlotteDeCorse le 30-04-2005 à 12:48:17
Reply

Marsh Posté le 30-04-2005 à 11:55:14   

Reply

Marsh Posté le 30-04-2005 à 11:58:54    

Y'aurait des modifs de code à faire tout de même.
 
Le plus dommage, c'est que t'as utilisé des CSS, mais y'a des balises <font> qui restent encore :(

Reply

Marsh Posté le 30-04-2005 à 12:28:10    

et la balise [code] stp...


---------------
Nos estans firs di nosse pitite patreye...
Reply

Marsh Posté le 30-04-2005 à 12:30:19    

Un petit padding pour le bloc 2 car ça fait vraiment trop sérré :/.
 
Edit: j'avais pas vu le décalage en effet :D. Tu peux fixer tes blocs en 'absolute' et indiquer leur position pour qu'ils restent fixes ;).


Message édité par Killer_386 le 30-04-2005 à 12:33:11
Reply

Marsh Posté le 30-04-2005 à 12:56:11    

bonjour à tous
 
Killer_386 il te plaît c'est quoi un padding .
Je te remercie.
KangOl j'ai rajouté la balise code, et je l'avais oublié.
Bisous à tous.
Charlotte.

Reply

Marsh Posté le 30-04-2005 à 13:12:07    

Salutations ;)
Un padding, c'est une marge intérieur au bloc.
 
Essayes dans ton bloc2, tu rajoutes un padding (l.8) :
 

Code :
  1. .bloc2 {background-color: #6600FF;
  2. height: 530px;
  3. width: 470px;
  4. float: left;
  5. overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
  6. font-size: 14px;
  7. margin-left: 0px;
  8. padding: 5px;
  9. }


 
Le meilleur moyen de savoir ce que c'est, c'est de l'essayer :D. Je t'en prie ;).


Message édité par Killer_386 le 30-04-2005 à 13:12:38
Reply

Marsh Posté le 30-04-2005 à 14:45:45    

Merci beaucoup Killer_386 .
Sais-tu comment faire, pour que les deux colonnes et le centre reste fixe. Car quand je regarde ma page sur Internet et que je veux la réduire, tout se met n'importe comment.
Bien cordialement.
Charlotte.

Reply

Marsh Posté le 30-04-2005 à 15:04:50    

Je vais te donner un exemple tout simple et tu feras après comme tu as envie ;).
 

Code :
  1. .bloc2 {
  2. position: absolute;
  3. left: 1px; /* Situé à 1 pixel de la gauche de la page */
  4. top: 30px; /* Situé à 30 pixels du haut de la page */
  5. width: 470px; /* La longueur que tu souhaites */ 
  6. height: 530px; /* La hauteur que tu souhaites */ 
  7. float: left; 
  8. overflow: auto; /* cette propriété va permettre le scroll de ce bloc */ 
  9. font-size: 14px; 
  10. margin-left: 0px; 
  11. padding: 5px;
  12. background-color: #6600FF;
  13. }


 
Avec ces propriétés, tu peux placer tes blocs où tu veux ;). Reste plus qu'à rajouter ça sur tes bloc en modifiant les valeurs bien sûr :D.
 
@++ :jap:
 
 
 
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed