problème pour inserer une image en fond

problème pour inserer une image en fond - PHP - Programmation

Marsh Posté le 10-11-2005 à 19:39:20    

Bonsoir,  
alors je vous explique mon problème.
En fait j'ai crée un site php dont l'interface est découpé en pseudo frame. j'ai crée une gestion des utilisateurs et j'ai placé mon formulaire d'identification en haut à droite de mon site. Seulement le problème c'est que je 'narrive pas à mettre d'image en tant que "fond" de ce formulaire l'image étant la suite de mon interface (j'espère que vous me suivez :sweat: ).  
Pour faire simple, le heut de mon site est coupé en 2. la partie guache est la banniere animé et la partie droite est le reste de l'image ou se trouve mon formulaire. mais je 'narrive pas à placer mon formulaire ET mon image a cet endroit.
Avec mon CSS, soit je peux mettre l'image, soit je peux mettre le formulaire mais pas les 2 en meme temps avec l'image en "dessous" du formulaire.
 
je vous donne mes 2 codes pour que vous pussiez mieux comprendre (la page en question et le css):
 
---------------------index.php--------------------

Code :
  1. <?php
  2. /* on démarre une session qui permettra du'tiliser les variables de session.*/
  3. session_start();
  4. ?>
  5. <html>
  6.  <title>
  7.   Pendu
  8.  </title>
  9.  <head>
  10.   <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
  11.   <LINK rel="stylesheet" type="text/css" href="Style.css"><!-- appel de la feuille de style externe-->
  12.  </head>
  13.  <body>
  14.   <!-- on affiche la banniere.swf selon le caractéristique du css: <div class>-->
  15.   <div class="bannière"><object type="application/x-shockwave-flash" data="banniere.swf" width="458" height="101">
  16.         <param name="movie" value="banniere.swf" />
  17.         <param name="wmode" value="transparent" />
  18.         <p>Banniere</p>
  19.         </object>
  20.   </div>
  21.   <div class="login">
  22.   <!--   <img src="champ login.jpg"> -->
  23. <!-- on inclu le formulaire dans la balise <div>-->
  24.           <?php
  25.   if (!isset($_GET['page2'])) $testLogin= 'normal';
  26.     else $testLogin= $_GET['page2'];
  27.     switch($testLogin)
  28.     {
  29.     case 'normal': include ('login.php');break;
  30.     case 'identifie': include ('loggue.php');break;
  31.     }
  32.   ?>
  33.       </div>
  34.   <div class="gauche">
  35.    <object type="application/x-shockwave-flash" data="menu.swf" width="168" height="376">
  36.         <param name="movie" value="menu.swf" />
  37.         <param name="wmode" value="transparent" />
  38.         <p>Menu</p>
  39.         </object>
  40.    </ul>
  41.   </div>
  42.   <div class="bas"><IMG SRC="bas.jpg" ></div>
  43.   <div class="droit"><IMG SRC="droit.jpg" ></div>
  44.   <div class="contenu">
  45.    <?php /* dans 'contenu', on affiche différente pages. suivant la valeur de $page qui  
  46.     lui sera attribué, index.php va se recharger avec les nouvelles valeurs de  
  47.     $page. 'contenu va afficher une page spécifique.*/
  48.     if (!isset($_GET['page'])) $page= 'accueil';
  49.     else $page= $_GET['page'];
  50.     switch($page)
  51.     {
  52.     case 'accueil': include ('accueil.php');break;
  53.     case 'formulaire': include ('formu.php');break;
  54.     case 'identification':include ('login.php');break;
  55.     case 'securiser':include ('securise.php');break;
  56.     case 'valider':include ('identification.php');break;
  58.     }
  59.    ?>
  60.   </div>
  61.  </body>
  62. </html>


 
-------------Style.css-------------------------
 

Code :
  1. <style type="text/css">
  4. body {
  5. margin: 0;
  6. padding:0;
  7. position: absolute;
  8. width: 100%;
  9. height: 100%;
  10. background-color: #FAFAFA;
  11. font-family: verdana, arial, sans-serif;
  12. }
  14. .bannière {
  15. position: absolute;
  16. top: 30px;
  17. left: 181px;
  18. width: 458px;
  19. height: 101px;
  20. font-size: 36px;
  21. padding: 10px;
  22. }
  24. .login{
  25. position: absolute;
  26. top: 30px;
  27. left: 639px;
  28. width: 127px;
  29. height: 101px;
  30. font-size: 36px;
  31. padding: 10px;
  32. background-image:url(champ login.jpg);
  34. }
  36. .gauche{
  37. position: absolute;
  38. top: 131px;
  39. left: 180px;
  40. width: 168;
  41. height: 376;
  42. padding: 10px;
  44. }
  46. .bas{
  47. position: absolute;
  48. top: 507px;
  49. left: 179px;
  50. width: 586;
  51. height: 26;
  52. padding: 10px;
  53. }
  55. .droit{
  56. position: absolute;
  57. top: 140px;
  58. left: 747px;
  59. width: 28;
  60. height: 377;
  61. }
  63. .contenu{
  64. position: absolute;
  65. top: 131px;
  66. left: 348px;
  67. font-size: 14px;
  68. width: 377;
  69. height: 389;
  70. margin-top: 15px;
  71. margin-left: 15px;
  72. /*
  73. margin-right: 15px;
  74. margin-bottom: 15px;*/
  75. }


 
merci par avance de votre aide. :jap:  :jap:

Reply

Marsh Posté le 10-11-2005 à 19:39:20   

Reply

Marsh Posté le 11-11-2005 à 00:02:41    

[quotemsg=1243518,1,110044]Bonsoir,  
alors je vous explique mon problème.
En fait j'ai crée un site php dont l'interface est découpé en pseudo frame. j'ai crée une gestion des utilisateurs et j'ai placé mon formulaire d'identification en haut à droite de mon site. Seulement le problème c'est que je 'narrive pas à mettre d'image en tant que "fond" de ce formulaire l'image étant la suite de mon interface (j'espère que vous me suivez :sweat: ).  
Pour faire simple, le heut de mon site est coupé en 2. la partie guache est la banniere animé et la partie droite est le reste de l'image ou se trouve mon formulaire. mais je 'narrive pas à placer mon formulaire ET mon image a cet endroit.
Avec mon CSS, soit je peux mettre l'image, soit je peux mettre le formulaire mais pas les 2 en meme temps avec l'image en "dessous" du formulaire.
 
je vous donne mes 2 codes pour que vous pussiez mieux comprendre (la page en question et le css):
 
---------------------index.php--------------------
quotemsg]
 
Ton calque utlise le css login:
 

Code :
  1. .login{
  2. position: absolute;
  3. top: 30px;
  4. left: 639px;
  5. width: 127px;
  6. height: 101px;
  7. font-size: 36px;
  8. padding: 10px;
  9. background-image:url(champ login.jpg);


 
1) Es-tu certain de ton chemin vers champ login.jpg ?
2) Evite les images avec des espaces
 

Reply

Marsh Posté le 11-11-2005 à 09:09:20    

pour l'instant j'ai mis tout mes fichiers à la rcine donc pas de problème de chemin. je vais changer le nom de l'image pour voir
merci

Reply

Marsh Posté le 11-11-2005 à 10:49:27    

bon finalement j'ai réussi à mettre cette image de fond. c'était bien a cause de cet espace entre champ et login.
merci de ton aide.
mais par contre j'ai un autre problème. dnas mon CSS, j'ai fait une modification des input de mon formulaire d'identification. mais le problème c'est que j'ai un autre formulaire dans mon site mais je ne voudrai pas appliquer les modifications dessus.  
Le problème c'st que mon css applique pour tous les input du site

Code :
  1. form input{
  2. font-size: 60%;
  3. background: #dadada;
  4. color: #2e446b;
  5. border: 1px solid #dbdbdb;
  6. padding: 1px;
  7. width: 80px;
  8. height: 17px;
  9. margin: 2px;
  10. }


 
si je fais un .form { } avec les meme parametre et que je les déclare dans un div uniquement sur le formulaire que je souhaite, ça ne merche pas.

Reply

Marsh Posté le 11-11-2005 à 15:01:22    

rien à faire dans php ca !
 
c'est de l'(x)HTML !
 
@+

Reply

Marsh Posté le 11-11-2005 à 15:31:14    

disons que je l'ai posté ici car je ne suis pas sur si mon pb vient de mon code php.
je vais rectifier et changer de section.
merci de supprimer ce message.


Message édité par ephagor le 11-11-2005 à 15:37:18
Reply

Sujets relatifs:

Leave a Replay

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