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

  FORUM HardWare.fr
  Programmation
  PHP

  problème pour inserer une image en fond

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

problème pour inserer une image en fond

n°1243518
ephagor
Posté le 10-11-2005 à 19:39:20  profilanswer
 

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:

mood
Publicité
Posté le 10-11-2005 à 19:39:20  profilanswer
 

n°1243695
Dezange
Posté le 11-11-2005 à 00:02:41  profilanswer
 

[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
 

n°1243756
ephagor
Posté le 11-11-2005 à 09:09:20  profilanswer
 

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

n°1243773
ephagor
Posté le 11-11-2005 à 10:49:27  profilanswer
 

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.

n°1243898
bl@p_psx
Admin G15-france
Posté le 11-11-2005 à 15:01:22  profilanswer
 

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

n°1243909
ephagor
Posté le 11-11-2005 à 15:31:14  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  PHP

  problème pour inserer une image en fond

 

Sujets relatifs
Problème script basicBesoin d'aide pour traiter une image en java
[CSS] - Probleme double marge IE : position:absolute [résolu]probleme sessions panier
[ECLIPSE] ClearCase plugin->> Probleme RésoluProbleme de resize des thumbnails galerie photo...
fond sonore sur page web :(Problème avec Spip
problème lien html dans une iframe svppetit probleme formulaire
Plus de sujets relatifs à : problème pour inserer une image en fond

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.092 secondes

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