[CSS]Besoin D'aide

Besoin D'aide [CSS] - HTML/CSS - Programmation

Marsh Posté le 20-10-2004 à 16:40:18    

Salut
 
Bon voila jai un joli beug sous Ie car je veux un bouton avec l'image ok vous allez voir http://darmoor.cliranet.com/Ringwarriors/index.php
 
bon la css:

Code :
  1. body {
  2. margin: 0;
  3. font-family: verdana, arial, sans-serif;
  4. font-size: 12px;
  5. text-align: center;
  6. scrollbar-3dlight-color: #000000;
  7. scrollbar-arrow-color: #000000;
  8. scrollbar-darkshadow-color: #000000;
  9. scrollbar-face-color: #DEBD76;
  10. scrollbar-highlight-color: #DEBD76;
  11. scrollbar-shadow-color: #DEBD76;
  12. scrollbar-track-color: #E5D1A7;
  13. }
  15. #conteneur {
  16. position: relative; /* on positionne le conteneur */
  17. margin-left: auto;
  18. margin-right: auto;
  19. width: 760px;
  20. text-align: left;
  21. }
  23. .inputtxt {
  24. BORDER-RIGHT: #000000 1px solid;
  25. BORDER-TOP: #000000 1px solid;
  26. BORDER-LEFT: #000000 1px solid;
  27. COLOR: #000000;
  28. BORDER-BOTTOM: #000000 1px solid;
  29. FONT-SIZE: 6pt;
  30. background-color:#DEBD76;
  31. font-family:"trebuchet ms",sans-serif;
  32. color:black;
  33. }
  35. select, option {
  36. background-color: #DEBD76;
  37. color: black;
  38. }
  40. .header {
  41. margin:0px;
  42. padding:0px;
  43. background-image: url('images/accueil/rw1_01.gif');
  44. width: 760px;
  45. height: 172px;
  46. }
  48. .menu {
  49. margin:0px;
  50. padding:0px;
  51. position: absolute;
  52. left:0;
  53. width: 175px;
  54. height: 449px;
  55. }
  57. .menu1 {
  58. margin:0px;
  59. padding:0px;
  60. background-image: url('images/accueil/rw1_02.gif');
  61. width: 175px ;
  62. height: 73px ;
  63. }
  65. .menu2 {
  66. background-image: url('images/accueil/rw1_04.gif');
  67. margin:0px;
  68. padding:0px;
  69. width: 175px ;
  70. height: 73px ;
  71. }
  73. .menu3 {
  74. padding:0px;
  75. width: 175px ;
  76. height: 32px ;
  77. margin: 0px;
  78. }
  80. .menu4 {
  81. margin:0px;
  82. padding:0px;
  83. background-image: url('images/accueil/rw1_06.gif');
  84. width: 175px ;
  85. height: 97px ;
  86. }
  88. a.menu5 {
  89. margin:0px;
  90. padding:0px;
  91. display: block;
  92. background-image: url('images/accueil/rw1_07.gif');
  93. width: 175px ;
  94. height: 30px ;
  95. background-repeat: no-repeat;
  96. }
  98. a.menu5:hover {
  99. background-image: url('images/accueil/rw2_07.gif');
  100. }
  102. a.menu6 {
  103. margin:0px;
  104. padding:0px;
  105. display: block;
  106. background-image: url('images/accueil/rw1_08.gif');
  107. width: 175px ;
  108. height: 38px ;
  109. background-repeat: no-repeat;
  110. }
  112. a.menu6:hover {
  113. background-image: url('images/accueil/rw2_08.gif');
  114. }
  116. a.menu7 {
  117. margin:0px;
  118. padding:0px;
  119. display: block;
  120. background-image: url('images/accueil/rw1_09.gif');
  121. width: 175px ;
  122. height: 33px ;
  123. background-repeat: no-repeat;
  124. }
  126. a.menu7:hover {
  127. background-image: url('images/accueil/rw2_09.gif');
  128. }
  130. a.menu8 {
  131. margin:0px;
  132. padding:0px;
  133. display: block;
  134. background-image: url('images/accueil/rw1_10.gif');
  135. width: 175px ;
  136. height: 29px ;
  137. background-repeat: no-repeat;
  138. }
  140. a.menu8:hover {
  141. background-image: url('images/accueil/rw2_10.gif');
  142. }
  144. .menu9 {
  145. margin:0px;
  146. padding:0px;
  147. background-image: url('images/accueil/rw1_11.gif');
  148. width: 175px ;
  149. height: 44px ;
  150. }
  152. .saisi {
  153. background-image: url('images/accueil/rw1_03.gif');
  154. position:absolute;
  155. left: 175px;
  156. top: 172px; 
  157. width: 585px ;
  158. height: 449px ;
  159. }
  161. .frame {
  162. position:absolute;
  163. left: 17px;
  164. top: 25px;
  165. width: 553px;
  166. height: 396px;
  167. overflow: auto;
  168. }
  170. .foot {
  171. background-image: url('images/accueil/rw1_12.gif');
  172. position:absolute;
  173. top:621px;
  174. width: 760px ;
  175. height: 80px ;
  176. }


 
et index.php:
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <?php
  4. include("fonctions.php" );
  5. ?>
  6. <html>
  7. <head>
  9. <link rel="stylesheet" type="text/css" href="base.css">
  10. <?
  11. js();
  12. ?>
  13. </head>
  14. <body>
  16. <img src="images/accueil/rw2_05.gif" style="display:none;">
  17. <img src="images/accueil/rw2_07.gif" style="display:none;">
  18. <img src="images/accueil/rw2_08.gif" style="display:none;">
  19. <img src="images/accueil/rw2_09.gif" style="display:none;">
  20. <img src="images/accueil/rw2_10.gif" style="display:none;">
  21. <img src="images/accueil/rw2_05.gif" style="display:none;">
  22. <img src="images/login/rw4_03.gif" style="display:none;">
  24. <div id="conteneur">
  25.   <div class="header"></div>
  26.   <div class="menu">
  27.  
  28.  
  29.      <div class="menu1"></div>
  30.   <form method="post" action="index.php" name="log">
  31.       <div class="menu2">
  32.         <center><font size="1px">Login:&nbsp;&nbsp;</font>
  33.           <input class="inputtxt" type="text" value="" name="login_i" size="15">
  34.           <br>
  35.           <font size="1px">Passe:&nbsp;&nbsp;</font>
  36.           <input  class="inputtxt" type="password" value="" name="mdp_i" size="15">
  37.           <br>
  38.           <font size="1px"><a href="index.php?dir=inscription">Inscription</a></font>
  39.         </center>
  40.    </div>
  41.    <div class="menu3"><input type="image" src="images/accueil/rw1_05.gif" style="border: 0px; margin: 0px; padding:0px;"></div>
  42.      </form>
  43.       <div class="menu4"></div>
  44.       <a href="index.php" class="menu5"></a> <a href="index.php" class="menu6"></a>
  45.       <a href="index.php" class="menu7"></a> <a href="index.php" class="menu8"></a>
  46.       <div class="menu9"></div>
  47.   </div>
  48.   <div class="saisi">
  49.     <div class="frame">
  50.       <?
  51.     switch($dir) {
  52.     case "inscription":
  53.     inscription();
  54.     break;
  55.     case "insc_suite":
  56.     insc_suite();
  57.     break;
  58.     case "confirm":
  59.     confirm();
  60.     break;   
  61.     echo $_POST['login_i'];
  62.    
  63.     }
  64. ?>
  65.     </div>
  66.   </div>
  67.   <div class="foot"></div>
  68. </div>
  70. </body>
  71. </html>


 
Bon si vous vayer se qu'il cloche et jaimerai bien que sa marche sous mozilla et IE
 
merci beaucoup
 
ps: jai deja cherché avec d'autre il se sont prit la tete aussi :p

Reply

Marsh Posté le 20-10-2004 à 16:40:18   

Reply

Marsh Posté le 20-10-2004 à 17:02:27    

Hoooo le joli kit acheter tout fait !!
il m'est arriver également de faire des sites avec des kits acheter.
mais je garde que les images et je me retape un code propre.
 
En fait ton problème n'a rien a voir avec IE  
 
Les bandes blanches sont également la sous Opéra, mozilla et firefox.
 
Un conseil ... fait ton code a la main.
Corrige les erreurs au validateur.
http://validator.w3.org/check?uri= [...] Findex.php
La ton DocType n'est même pas défini correctement.
 
Inutile d'essayer d'avoir un domportement correct de tes pages dans ce cas.
 
bonne chance et bon courage  
 


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 20-10-2004 à 17:05:03    

lol je lai pas acheté c'est un copain qui ma fait le design et le decoupage et moi jai tout recodé mais je me suis embrouillé :) Et maintenant je sais plus quoi faire :(  
 
donc je demande de l'aide pour ce qu'il ne vas pas

Reply

Marsh Posté le 20-10-2004 à 17:17:26    

darmoor a écrit :

lol je lai pas acheté c'est un copain qui ma fait le design et le decoupage et moi jai tout recodé mais je me suis embrouillé :) Et maintenant je sais plus quoi faire :(  
 
donc je demande de l'aide pour ce qu'il ne vas pas


 
Pas de meta pour le chaset
Balise pas fermées
CSS mélangé a ton code alors que tu à un fichier externe.
Valiateur pas tester puisque ne reconnais rien.
 
La liste est longue   :(  
 
Mais tu ne fera croire à personne que tu as coder cela ...
 
Comment ton HTML comme ça:
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <title>MON TITRE</title>
  6. </head>


Et valide le reste au W3C
 
 


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 20-10-2004 à 17:47:56    

Merci !
 
Mais je jure que c'est moi qui est codé ça!
 
mais on va dire que jai aps apris tout tout sur le css avant de coder

Reply

Marsh Posté le 20-10-2004 à 18:32:03    

bon jai remplacé ce que ta dit et fait faire valider CSS
 
ET y a pas d'erreur sauf les scroll bars donc voila je sais plus quoi faire.

Reply

Marsh Posté le 20-10-2004 à 19:21:28    

darmoor a écrit :

bon jai remplacé ce que ta dit et fait faire valider CSS
 
ET y a pas d'erreur sauf les scroll bars donc voila je sais plus quoi faire.


encore plein d'erreur , mais pas due au scroll bars.

Code :
  1. <img src="images/accueil/rw2_05.gif" style="display:none;">
  2. <img src="images/accueil/rw2_07.gif" style="display:none;">
  3. <img src="images/accueil/rw2_08.gif" style="display:none;">
  4. <img src="images/accueil/rw2_09.gif" style="display:none;">
  5. <img src="images/accueil/rw2_10.gif" style="display:none;">
  6. <img src="images/accueil/rw2_05.gif" style="display:none;">
  7. <img src="images/login/rw4_03.gif" style="display:none;">


Les tags sont pas fermé.
Il manque le Alt.
Le style est pas dans le CSS.
 
Explique ce que tu veut faire avec ça ?


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 20-10-2004 à 19:37:43    

c'était juste pour précharger les images qui servent au hover.
 
Bon moi je recode tout en <table>
ça je maitrise bien et puis sa me facilitera la vie!

Reply

Marsh Posté le 20-10-2004 à 19:58:58    

Ajoute à ton CSS :

form{margin: 0;}


Message édité par kalex le 20-10-2004 à 19:59:13
Reply

Marsh Posté le 20-10-2004 à 20:03:02    

darmoor a écrit :

c'était juste pour précharger les images qui servent au hover.
 
Bon moi je recode tout en <table>
ça je maitrise bien et puis sa me facilitera la vie!

:pfff:

Reply

Marsh Posté le 20-10-2004 à 20:03:02   

Reply

Marsh Posté le 20-10-2004 à 20:15:51    

Yeah Merci beaucoup kalex! Ca marche nickel!

Reply

Marsh Posté le 20-10-2004 à 20:15:51    

darmoor a écrit :

c'était juste pour précharger les images qui servent au hover.
 
Bon moi je recode tout en <table>
ça je maitrise bien et puis sa me facilitera la vie!


 
Donc, tu viens demander de l'aide, On ne te corrige pas ton code, on t'indique tes erreurs, et comme cela ne va pas assez vite, tu refait tout encore plus faux ?
 
Super principe ... :pfff:


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 20-10-2004 à 20:17:23    

nan maintenant ca marche nickel je garde enfait c'etait  
form{margin: 0;}  
qu'il fallai ajouter
 
enfait j'avais bien codé le css bon c vrai des / a mettre a la bin de certaine balise mais maintenant ca marche :)
 
Merci beaucoup!

Reply

Sujets relatifs:

Leave a Replay

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