Tom's Guide > Forum > Programmation > Probléme html + un peu de php
Mot :    Pseudo :           
 

Salut tout le monde,

J' ai un petit soucis en html:

J' ai actuellement un site www.bpzoom.com et comme vous pouvez le voir, il y a un fond gris ou j' ecrit mes textes dessus. Je veux changer ce fond uniquement pour la page d' accueil, et mettre celui là:
http://img424.imageshack.us/img424 [...] bg2tm0.jpg

Le probléme et que si je transfere ce fond sur mon ftp et que je le remplace par le fond actuel, ce sera le fond pour toutes les pages! (et moi je veux qu' il soit que pour la page d' accueil)

Donc si quelqu' un à une solution ...

Voici ma page index.php (la page d' accueil c' est news.php, la page index sert à la mise en page des images du design):

[php]<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Bienvenue sur le site officiel de BP Zoom - www.bpzoom.com</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>

<center>
<div id="contenu">


<div id="header">

</div>


<div id="menu_gauche">
<a id="zone1" href="index.php" title="Accueil"></a>
<a id="zone2" href="index.php?page=legroupe" title="Le Groupe"></a>
<a id="zone3" href="index.php?page=concerts" title="Concerts"></a>
<a id="zone4" href="index.php?page=photos" title="Photos"></a>
</div>

<div id="texte_bg">

<?php
if (isset($_GET["page"])) $page = $_GET["page"];
else $page = 0;
switch ($page){
default : @include("legroupe.php" );break;

case "legroupe" : @include("legroupe.php" );break;
case "contact" : @include("contact.php" );break;
case "concerts" : @include("concerts.php" );break;
case "photos" : @include("photos.php" );break;
case "telechargements" : @include("telechargements.php" );break;
case "livredor" : @include("livredor.php" );break;
case "zonefans" : @include("zonefans.php" );break;
case "biographie" : @include("biographie.php" );break;
case "persographie" : @include("persographie.php" );break;
case "discographie" : @include("discographie.php" );break;
case "jules" : @include("jules.php" );break;
case "lionel" : @include("lionel.php" );break;
case "ludovic" : @include("ludovic.php" );break;
case "raphael" : @include("raphael.php" );break;
case "bonus" : @include("photos_bonus.php" );break;
case "fans" : @include("photos_fans.php" );break;
case "lisa_arras" : @include("lisa_arras.php" );break;
case "ast" : @include("ast.php" );break;
case "clip" : @include("clip.php" );break;
case "hardrock" : @include("hardrock.php" );break;
case "forum" : @include("forum.php" );break;
case "tournee_en_or" : @include("tournee_en_or.php" );break;
case "clip2" : @include("clip2.php" );break;
case "harnes" : @include("harnes.php" );break;
case "harnes_photos" : @include("harnes_photos.php" );break;
case "gravelines" : @include("gravelines.php" );break;
case "hardrockvideo" : @include("hardrockvideo.php" );break;
case "contact2" : @include("contact2.php" );break;
}
?>

</div>











<div id="menu_droite">
<a id="zone5" href="index.php?page=telechargements" title="Téléchargements"></a>
<a id="zone6" href="index.php?page=livredor" title="Livre D'or"></a>
<a id="zone7" href="index.php?page=zonefans" title="Zone Fans"></a>
<a id="zone8" href="index.php?page=contact" title="Contact"></a>
</div>

<div id="footer">

<object id="lecteur" type="application/x-shockwave-flash" data="dewplayer.swf?son=nuit.mp3" width="200" height="20"> <param name="movie" value="dewplayer.swf?son=nuit.mp3" /> </object>


<a id="virgin" href="http://www.virginmega.fr/default.aspx?directpage=http%3A//www.virginmega.fr/Musique/Fiches/Titre.aspx%3FProduct_Id%3D101340725" title="Virgin"></a>



</div>



</div>
</center>
</body>
</html>[/php]

Merci d' avance et bonne soirée !


Message édité par gadjet62 le 12-11-2006 à 19:03:41
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

comment elle s'appele ton image de fond actuellement paske la je vois rin en fond ... post ton "styles.css" ... ou news.php ..

------------------------------ J'ai une question ...
PHP est ce que c'est aussi php, Php, PHp,pHp, pHP et phP ???
Répondre à dedemycat

j'ai la soluse ...

ton nouveau style.css :

Code :
  1. /* CSS Document */
  2. /* Copyright : Design by Full Cut by Full (LOMAN900@hotmail.com) */
  3. body {
  4. background-color:#cf1b20;
  5. background-repeat:repeat;
  6. font-family:Verdana;
  7. font-size:20px;
  8. color:#e9eaea;
  9. margin:0;
  10. padding:0;
  11. scrollbar-face-color:#7E7D7D; /* couleur du dessus des boutons et de la barre de défilement */
  12. scrollbar-arrow-color:#000000; /* couleur des flèches */
  13. scrollbar-track-color:#6E6D6D; /* couleur du fond de la barre */
  14. scrollbar-highlight-color:#333333; /* couleur claire du relief des boutons */
  15. scrollbar-shadow-color:#444444; /* couleur sombre du relief des boutons */
  16. scrollbar-3dlight-color:#555555; /* couleur claire du relief des boutons quand ceux-ci ne sont pas enfoncés */
  17. scrollbar-darkshadow-color:#666666; /* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés
  18. */
  19. }
  20. div#contenu {
  21. width:801px;
  22. height:auto;
  23. }
  24. div#header {
  25. float:center;
  26. background-image:url('./images/header.jpg');
  27. width:801px;
  28. height:122px;
  29. }
  30. div#menu_gauche {
  31. background-image:url('./images/menu_gauche.jpg');
  32. width:132px;
  33. height:502;
  34. float:left;
  35. margin-left:0px;
  36. }
  37. #zone1 {
  38. float: left;
  39. width : 77px;
  40. height: 40px;
  41. margin-left: 40px;
  42. margin-top: 60px;
  43. }
  44. #zone2 {
  45. float: left;
  46. width : 104px;
  47. height: 36px;
  48. margin-left: 13px;
  49. margin-top: 50px;
  50. }
  51. #zone3 {
  52. float: left;
  53. width : 97px;
  54. height: 36px;
  55. margin-left: 20px;
  56. margin-top: 54px;
  57. }
  58. #zone4 {
  59. float: left;
  60. width : 75px;
  61. height: 36px;
  62. margin-left: 42px;
  63. margin-top: 64px;
  64. }
  65. div#menu_droite {
  66. background-image:url('./images/menu_droite.jpg');
  67. width:172px;
  68. height:502px;
  69. float:right;
  70. }
  71. #zone5 {
  72. float: right;
  73. width : 150px;
  74. height: 40px;
  75. margin-right: 7px;
  76. margin-top: 70px;
  77. }
  78. #zone6 {
  79. float: right;
  80. width : 110px;
  81. height: 36px;
  82. margin-right: 47px;
  83. margin-top: 50px;
  84. }
  85. #zone7 {
  86. float: right;
  87. width : 107px;
  88. height: 36px;
  89. margin-right: 50px;
  90. margin-top: 50px;
  91. }
  92. #zone8 {
  93. float: right;
  94. width : 87px;
  95. height: 36px;
  96. margin-right: 70px;
  97. margin-top: 62px;
  98. }
  99. #virgin {
  100. background-image:url('./virgin.gif');
  101. position: relative;
  102. width : 300px;
  103. height: 60px;
  104. left: 80px;
  105. top: 9px;
  106. border: 0px;
  107. }
  108. #lecteur{
  109. position: absolute;
  110. left: 2px;
  111. top: 15px;
  112. }
  113. div#texte_bg {
  114. background: #202020 url('./images/texte_bg.jpg') no-repeat fixed;
  115. width:497px;
  116. height:502px;
  117. float:left;
  118. overflow:auto;
  119. font-family:Arial;
  120. font-size:10px;
  121. margin-left:0px;
  122. }
  123. div#texte {
  124. width:480px;
  125. height:490px;
  126. }
  127. div#footer {
  128. color:#000000;
  129. background-image:url('./images/footer.jpg');
  130. width:801px;
  131. height:144px;
  132. clear:both;
  133. }
  134. img { display:inline; margin:0; padding:0; }
  135. ul , li { margin:0; padding:0; list-style-type:none; }
  136. a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
  137. a:hover { color:#3F3E3E; font-weight:bold; }
  138. h1 { text-align:center; margin:0; }
  139. p { margin:0; padding:0; text-indent:10px; padding-top:10px;}
  140. div.clear { clear:both; }
  141. textarea {
  142. border:1px solid black;
  143. background-color:#646464;
  144. font-family:"Verdana";
  145. color:white;
  146. }
  147. input{
  148. border:1px solid black;
  149. background-color:#646464;
  150. font-family:"Verdana";
  151. color:white;
  152. }
  153. .prochain_concerts
  154. {
  155. font-family:Arial;
  156. font-size:10px;
  157. }
  158. .tel
  159. {
  160. font-size: 12px;
  161. font-family: verdana;
  162. }
  163. .med
  164. {
  165. font-size: 15px;
  166. font-family: Impact;
  167. }
  168. caption /* Titre du tableau */
  169. {
  170.   margin: auto; /* Centre le titre du tableau */
  171.   font-family: Arial, Times, "Times New Roman", serif;
  172.   font-weight: bold;
  173.   font-size: 1.2em;
  174.   color: white;
  175.   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
  176. }
  177. table /* Le tableau en lui-même */
  178. {
  179.   margin: auto; /* Centre le tableau */
  180.   border: 4px outset black; /* Bordure du tableau avec effet 3D (outset) */
  181.   border-collapse: collapse; /* Colle les bordures entre elles */
  182. }
  183. th /* Les cellules d'en-tête */
  184. {
  185.   background-color: black;
  186.   color: white;
  187.   font-size: 1.1em;
  188.   font-family: Arial, "Arial Black", Times, "Times New Roman", serif;
  189. }
  190. td /* Les cellules normales */
  191. {
  192.   border: 1px solid black;
  193.   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
  194.   text-align: center; /* Tous les textes des cellules seront centrés*/
  195.   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
  196.   color: white; 
  197.   }
  198. .ind
  199. {
  200. color: red;
  201. }
  202. div#texte_bg2 {
  203. background: #202020 url('./images/nom de ton image.jpg') no-repeat fixed;
  204. width:497px;
  205. height:502px;
  206. float:left;
  207. overflow:auto;
  208. font-family:Arial;
  209. font-size:10px;
  210. margin-left:0px;
  211. }


en oubliant pas de remplacé"nom de ton image.jpg"
par le bon nom de ton image ....

ton nouveau index :

Code :
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <title>Bienvenue sur le site officiel de BP Zoom - www.bpzoom.com</title>
  5. <link rel="stylesheet" href="style.css" type="text/css">
  6. </head>
  7. <body>
  8. <center>
  9.       <div id="contenu">
  10.       <div id="header">
  11.       </div>
  12.       <div id="menu_gauche">
  13. <a id="zone1" href="index.php" title="Accueil"></a>
  14. <a id="zone2" href="index.php?page=legroupe" title="Le Groupe"></a>
  15. <a id="zone3" href="index.php?page=concerts" title="Concerts"></a>
  16. <a id="zone4" href="index.php?page=photos" title="Photos"></a>
  17.       </div>
  18.       <div id="texte_bg2">
  19.                      
  20.       <?php
  21.                       if (isset($_GET["page"])) $page = $_GET["page"];
  22.                       else $page = 0;
  23.                       switch ($page){
  24.                       default : @include("legroupe.php" );break;
  25.                      
  26.                       case "legroupe" : @include("legroupe.php" );break;
  27.                       case "contact" : @include("contact.php" );break;
  28.                       case "concerts" : @include("concerts.php" );break;
  29.                       case "photos" : @include("photos.php" );break;
  30.                       case "telechargements" : @include("telechargements.php" );break;
  31.                       case "livredor" : @include("livredor.php" );break;       
  32.       case "zonefans" : @include("zonefans.php" );break;
  33.                       case "biographie" : @include("biographie.php" );break;
  34.       case "persographie" : @include("persographie.php" );break;
  35.       case "discographie" : @include("discographie.php" );break;
  36.       case "jules" : @include("jules.php" );break;
  37.       case "lionel" : @include("lionel.php" );break;
  38.       case "ludovic" : @include("ludovic.php" );break;
  39.       case "raphael" : @include("raphael.php" );break;
  40.       case "bonus" : @include("photos_bonus.php" );break;
  41.       case "fans" : @include("photos_fans.php" );break;
  42.       case "lisa_arras" : @include("lisa_arras.php" );break;
  43.       case "ast" : @include("ast.php" );break;
  44.       case "clip" : @include("clip.php" );break;
  45.       case "hardrock" : @include("hardrock.php" );break;
  46.       case "forum" : @include("forum.php" );break;
  47.       case "tournee_en_or" : @include("tournee_en_or.php" );break;
  48.       case "clip2" : @include("clip2.php" );break;
  49.       case "harnes" : @include("harnes.php" );break;
  50.       case "harnes_photos" : @include("harnes_photos.php" );break;
  51.       case "gravelines" : @include("gravelines.php" );break;
  52.       case "hardrockvideo" : @include("hardrockvideo.php" );break;
  53.       case "contact2" : @include("contact2.php" );break;
  54.     }
  55.                       ?>
  56.          
  57.       </div>
  58.    
  59.  
  60.          
  61.    
  62.    
  63.    
  64.    
  65.    
  66.    
  67.    
  68.       <div id="menu_droite">
  69. <a id="zone5" href="index.php?page=telechargements" title="Téléchargements"></a>
  70. <a id="zone6" href="index.php?page=livredor" title="Livre D'or"></a>
  71. <a id="zone7" href="index.php?page=zonefans" title="Zone Fans"></a>
  72. <a id="zone8" href="index.php?page=contact" title="Contact"></a>
  73.       </div>
  74.       <div id="footer">
  75.        
  76. <object id="lecteur" type="application/x-shockwave-flash" data="dewplayer.swf?son=nuit.mp3" width="200" height="20"> <param name="movie" value="dewplayer.swf?son=nuit.mp3" /> </object> 
  77. <a id="virgin" href="http://www.virginmega.fr/default.aspx?directpage=http%3A//www.virginmega.fr/Musique/Fiches/Titre.aspx%3FProduct_Id%3D101340725" title="Virgin"></a>
  78.    
  79.     </div>
  80. </div>
  81. </center>
  82. </body>
  83. </html>



c'est tous con j'ai copié le style qui metté le fond, j'ai changé l'addresse de l'image et je lé renomer pour que ça soit que sur index.php ai modif index avec le bon style ...


Message édité par dedemycat le 12-11-2006 à 19:18:44
------------------------------ J'ai une question ...
PHP est ce que c'est aussi php, Php, PHp,pHp, pHP et phP ???
Répondre à dedemycat

Salut,

Merci beaucoup pour ton aide mais il y a encore un probléme:

j' ai fait ce que t' a dit j' ai mis la nouvelle page style.css, j' ai modifier l' adresse du 2éme fond, ça donne sa:

div#texte_bg2 {

background: #202020 url('./images/texte_bg2.jpg') no-repeat fixed;

width:497px;

height:502px;

float:left;

overflow:auto;

font-family:Arial;

font-size:10px;

margin-left:0px;
}

Ensuite j' ai transféré la page index mais je me disais bien qu' il y aller avoir un probléme... Dans la nouvelle page index, tu fais intervenir que texte_bg2 (le fond uniquement pour la page d' accueil) et tu ne fait pas intervenir texte_bg (le fond pour les autres pages) et donc ça fait que l' on a le fond texte_bg2 pour toutes les pages et moi je le veux uniquement pour la page d' accueil (news.php). De plus, avec ta nouvelle page index, la page d' accueil est legroupe.php alors que normalement c' est news.php et ton probléme se trouve quelque part là:

<?php
if (isset($_GET["page"])) $page = $_GET["page"];
else $page = 0;
switch ($page){
default : @include("legroupe.php" );break;

case "legroupe" : @include("legroupe.php" );break;
case "contact" : @include("contact.php" );break;
case "concerts" : @include("concerts.php" );break;
Tu as mis la page legroupe en page d' accueil.

A mon avis il faut un truc de frames comme avant avec une fonction:

fond texte_bg pour toutes les pages sauf pour la page news.php ou là le fond sera texte_bg2 (je peux pas le faire je galére en php).

Donc ba merci pour ton aide et j' espere que tu trouveras la solution :)

Répondre à gadjet62

Citation :

Tu as mis la page legroupe en page d' accueil.


c'est comme dans la souce que t'u m'a donné ... mais je voi nulle part news.php a part dans tes post ...

sinon y faut encore :( refaire ta page (partie php+un balise a supprimé)

ce qui donne :

Code :
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <title>Bienvenue sur le site officiel de BP Zoom - www.bpzoom.com</title>
  5. <link rel="stylesheet" href="style.css" type="text/css">
  6. </head>
  7. <body>
  8. <center>
  9.       <div id="contenu">
  10.       <div id="header">
  11.       </div>
  12.       <div id="menu_gauche">
  13. <a id="zone1" href="index.php" title="Accueil"></a>
  14. <a id="zone2" href="index.php?page=legroupe" title="Le Groupe"></a>
  15. <a id="zone3" href="index.php?page=concerts" title="Concerts"></a>
  16. <a id="zone4" href="index.php?page=photos" title="Photos"></a>
  17.       </div>
  18.                              
  19.       <?php
  20.                       if (isset($_GET["page"])) $page = $_GET["page"];
  21.                       else $page = 0;
  22.                       switch ($page){
  23.                       default : echo '<div id="texte_bg2">';@include("legroupe.php" );break;
  24.                      
  25.                       case "legroupe" : echo '<div id="texte_bg2">';@include("legroupe.php" );break;
  26.                       case "contact" : echo '<div id="texte_bg">';@include("contact.php" );break;
  27.                       case "concerts" : echo '<div id="texte_bg">'; @include("concerts.php" );break;
  28.                       case "photos" :
  29. echo '<div id="texte_bg">'; @include("photos.php" );break;
  30.                       case "telechargements" : echo '<div id="texte_bg">'; @include("telechargements.php" );break;
  31.                       case "livredor" : echo '<div id="texte_bg">'; @include("livredor.php" );break;       
  32.       case "zonefans" :
  33. echo '<div id="texte_bg">'; @include("zonefans.php" );break;
  34.                       case "biographie" : echo '<div id="texte_bg">'; @include("biographie.php" );break;
  35.       case "persographie" : echo '<div id="texte_bg">'; @include("persographie.php" );break;
  36.       case "discographie" : echo '<div id="texte_bg">'; @include("discographie.php" );break;
  37.       case "jules" :
  38. echo '<div id="texte_bg">'; @include("jules.php" );break;
  39.       case "lionel" :
  40. echo '<div id="texte_bg">'; @include("lionel.php" );break;
  41.       case "ludovic" :
  42. echo '<div id="texte_bg">'; @include("ludovic.php" );break;
  43.       case "raphael" :
  44. echo '<div id="texte_bg">'; @include("raphael.php" );break;
  45.       case "bonus" :
  46. echo '<div id="texte_bg">'; @include("photos_bonus.php" );break;
  47.       case "fans" :
  48. echo '<div id="texte_bg">'; @include("photos_fans.php" );break;
  49.       case "lisa_arras" :
  50. echo '<div id="texte_bg">'; @include("lisa_arras.php" );break;
  51.       case "ast" :
  52. echo '<div id="texte_bg">'; @include("ast.php" );break;
  53.       case "clip" :
  54. echo '<div id="texte_bg">'; @include("clip.php" );break;
  55.       case "hardrock" :
  56. echo '<div id="texte_bg">'; @include("hardrock.php" );break;
  57.       case "forum" :
  58. echo '<div id="texte_bg">'; @include("forum.php" );break;
  59.       case "tournee_en_or" : echo '<div id="texte_bg">'; @include("tournee_en_or.php" );break;
  60.       case "clip2" :
  61. echo '<div id="texte_bg">'; @include("clip2.php" );break;
  62.       case "harnes" :
  63. echo '<div id="texte_bg">'; @include("harnes.php" );break;
  64.       case "harnes_photos" : echo '<div id="texte_bg">'; @include("harnes_photos.php" );break;
  65.       case "gravelines" :
  66. echo '<div id="texte_bg">'; @include("gravelines.php" );break;
  67.       case "hardrockvideo" : echo '<div id="texte_bg">'; @include("hardrockvideo.php" );break;
  68.       case "contact2" : echo '<div id="texte_bg">'; @include("contact2.php" );break;
  69.     }
  70.                       ?>
  71.          
  72.       </div>   
  73.    
  74.    
  75.       <div id="menu_droite">
  76. <a id="zone5" href="index.php?page=telechargements" title="Téléchargements"></a>
  77. <a id="zone6" href="index.php?page=livredor" title="Livre D'or"></a>
  78. <a id="zone7" href="index.php?page=zonefans" title="Zone Fans"></a>
  79. <a id="zone8" href="index.php?page=contact" title="Contact"></a>
  80.       </div>
  81.       <div id="footer">
  82.        
  83. <object id="lecteur" type="application/x-shockwave-flash" data="dewplayer.swf?son=nuit.mp3" width="200" height="20"> <param name="movie" value="dewplayer.swf?son=nuit.mp3" /> </object> 
  84. <a id="virgin" href="http://www.virginmega.fr/default.aspx?directpage=http%3A//www.virginmega.fr/Musique/Fiches/Titre.aspx%3FProduct_Id%3D101340725" title="Virgin"></a>
  85.    
  86.     </div>
  87. </div>
  88. </center>
  89. </body>
  90. </html>


putin no je me suis gouré faut metré echo avant le include ...
fait chier
edit : résolu ... ça va plu vite a cou de "recherché remplacé" ...

si c'est po bon et ben ....


Message édité par dedemycat le 13-11-2006 à 20:14:21
------------------------------ J'ai une question ...
PHP est ce que c'est aussi php, Php, PHp,pHp, pHP et phP ???
Répondre à dedemycat
Tom's Guide > Forum > Programmation > Probléme html + un peu de php
Aller à :

Il y a 1590 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens