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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  inclue en PHP

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

inclue en PHP

n°1066631
CharlotteD​eCorse
Posté le 30-04-2005 à 11:55:14  profilanswer
 

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;
  28. }
  29. .bloc3 {background-color: yellow;
  30. height: 530px;
  31. width: 140px;
  32. float: left;
  33. margin-left: 0px;
  34. }
  35. .bas {background-color: #99FF00;
  36. height: 20px;
  37. font-size: 12px;
  38. margin-top: 530px;
  39. margin-left: 10px;
  40. padding: 0 40px;
  41. border-left: 10px solid #00ff00;
  42. border-right: 10px solid #00ff00;
  43. width: 750px;
  44. voice-family: "\"}\"";
  45. voice-family:inherit;
  46. width: 650px;
  47. }
  48. html>body .bas {
  49. width:650px;
  50. }
  51. BODY
  52. {
  53. SCROLLBAR-FACE-COLOR: #6600FF;
  54. SCROLLBAR-HIGHLIGHT-COLOR: #6600FF;
  55. SCROLLBAR-SHADOW-COLOR: #FF6666;
  56. SCROLLBAR-3DLIGHT-COLOR: #6699FF;
  57. SCROLLBAR-ARROW-COLOR:  yellow;
  58. SCROLLBAR-TRACK-COLOR: #6600FF;
  59. SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
  60. }


 
voici mon code.

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


Message édité par CharlotteDeCorse le 30-04-2005 à 12:48:17
mood
Publicité
Posté le 30-04-2005 à 11:55:14  profilanswer
 

n°1066635
FlorentG
Unité de Masse
Posté le 30-04-2005 à 11:58:54  profilanswer
 

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 :(

n°1066678
KangOl
Profil : pointeur
Posté le 30-04-2005 à 12:28:10  profilanswer
 

et la balise [code] stp...


---------------
Nos estans firs di nosse pitite patreye...
n°1066681
Killer_386
Posté le 30-04-2005 à 12:30:19  profilanswer
 

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
n°1066718
CharlotteD​eCorse
Posté le 30-04-2005 à 12:56:11  profilanswer
 

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.

n°1066744
Killer_386
Posté le 30-04-2005 à 13:12:07  profilanswer
 

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
n°1066829
CharlotteD​eCorse
Posté le 30-04-2005 à 14:45:45  profilanswer
 

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.

n°1066842
Killer_386
Posté le 30-04-2005 à 15:04:50  profilanswer
 

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:
 
 
 
 


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

  inclue en PHP

 

Sujets relatifs
connexion FTP avec PHP...Recrute pour site de manga en PHP !
Script PHP permettant de réaliser "Enregistrer image sous"[Résolu] Envoie d'un mail en PHP
Sécurité PHP/Mysql (session, md5, HTTPS[PHP] Qu'est-ce qui foire dans mon script de génération d'images ?
Problème : Fonction Copy PHPProblème installation Apache et PHP
Probleme d'instalation de PHP 5 sous IIS 5 !Que pensez vous de PHP-Nuke et phpBB ?
Plus de sujets relatifs à : inclue en PHP


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