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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS]Besoin D'aide

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS]Besoin D'aide

n°878154
darmoor
Posté le 20-10-2004 à 16:40:18  profilanswer
 

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. }
  14. #conteneur {
  15. position: relative; /* on positionne le conteneur */
  16. margin-left: auto;
  17. margin-right: auto;
  18. width: 760px;
  19. text-align: left;
  20. }
  21. .inputtxt {
  22. BORDER-RIGHT: #000000 1px solid;
  23. BORDER-TOP: #000000 1px solid;
  24. BORDER-LEFT: #000000 1px solid;
  25. COLOR: #000000;
  26. BORDER-BOTTOM: #000000 1px solid;
  27. FONT-SIZE: 6pt;
  28. background-color:#DEBD76;
  29. font-family:"trebuchet ms",sans-serif;
  30. color:black;
  31. }
  32. select, option {
  33. background-color: #DEBD76;
  34. color: black;
  35. }
  36. .header {
  37. margin:0px;
  38. padding:0px;
  39. background-image: url('images/accueil/rw1_01.gif');
  40. width: 760px;
  41. height: 172px;
  42. }
  43. .menu {
  44. margin:0px;
  45. padding:0px;
  46. position: absolute;
  47. left:0;
  48. width: 175px;
  49. height: 449px;
  50. }
  51. .menu1 {
  52. margin:0px;
  53. padding:0px;
  54. background-image: url('images/accueil/rw1_02.gif');
  55. width: 175px ;
  56. height: 73px ;
  57. }
  58. .menu2 {
  59. background-image: url('images/accueil/rw1_04.gif');
  60. margin:0px;
  61. padding:0px;
  62. width: 175px ;
  63. height: 73px ;
  64. }
  65. .menu3 {
  66. padding:0px;
  67. width: 175px ;
  68. height: 32px ;
  69. margin: 0px;
  70. }
  71. .menu4 {
  72. margin:0px;
  73. padding:0px;
  74. background-image: url('images/accueil/rw1_06.gif');
  75. width: 175px ;
  76. height: 97px ;
  77. }
  78. a.menu5 {
  79. margin:0px;
  80. padding:0px;
  81. display: block;
  82. background-image: url('images/accueil/rw1_07.gif');
  83. width: 175px ;
  84. height: 30px ;
  85. background-repeat: no-repeat;
  86. }
  87. a.menu5:hover {
  88. background-image: url('images/accueil/rw2_07.gif');
  89. }
  90. a.menu6 {
  91. margin:0px;
  92. padding:0px;
  93. display: block;
  94. background-image: url('images/accueil/rw1_08.gif');
  95. width: 175px ;
  96. height: 38px ;
  97. background-repeat: no-repeat;
  98. }
  99. a.menu6:hover {
  100. background-image: url('images/accueil/rw2_08.gif');
  101. }
  102. a.menu7 {
  103. margin:0px;
  104. padding:0px;
  105. display: block;
  106. background-image: url('images/accueil/rw1_09.gif');
  107. width: 175px ;
  108. height: 33px ;
  109. background-repeat: no-repeat;
  110. }
  111. a.menu7:hover {
  112. background-image: url('images/accueil/rw2_09.gif');
  113. }
  114. a.menu8 {
  115. margin:0px;
  116. padding:0px;
  117. display: block;
  118. background-image: url('images/accueil/rw1_10.gif');
  119. width: 175px ;
  120. height: 29px ;
  121. background-repeat: no-repeat;
  122. }
  123. a.menu8:hover {
  124. background-image: url('images/accueil/rw2_10.gif');
  125. }
  126. .menu9 {
  127. margin:0px;
  128. padding:0px;
  129. background-image: url('images/accueil/rw1_11.gif');
  130. width: 175px ;
  131. height: 44px ;
  132. }
  133. .saisi {
  134. background-image: url('images/accueil/rw1_03.gif');
  135. position:absolute;
  136. left: 175px;
  137. top: 172px; 
  138. width: 585px ;
  139. height: 449px ;
  140. }
  141. .frame {
  142. position:absolute;
  143. left: 17px;
  144. top: 25px;
  145. width: 553px;
  146. height: 396px;
  147. overflow: auto;
  148. }
  149. .foot {
  150. background-image: url('images/accueil/rw1_12.gif');
  151. position:absolute;
  152. top:621px;
  153. width: 760px ;
  154. height: 80px ;
  155. }


 
et index.php:
 

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

mood
Publicité
Posté le 20-10-2004 à 16:40:18  profilanswer
 

n°878178
Lorr Hyde
L'univers est trop grand Zut !
Posté le 20-10-2004 à 17:02:27  profilanswer
 

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.
n°878184
darmoor
Posté le 20-10-2004 à 17:05:03  profilanswer
 

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

n°878199
Lorr Hyde
L'univers est trop grand Zut !
Posté le 20-10-2004 à 17:17:26  profilanswer
 

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.
n°878250
darmoor
Posté le 20-10-2004 à 17:47:56  profilanswer
 

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

n°878296
darmoor
Posté le 20-10-2004 à 18:32:03  profilanswer
 

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.

n°878363
Lorr Hyde
L'univers est trop grand Zut !
Posté le 20-10-2004 à 19:21:28  profilanswer
 

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.
n°878375
darmoor
Posté le 20-10-2004 à 19:37:43  profilanswer
 

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!

n°878400
kalex
Posté le 20-10-2004 à 19:58:58  profilanswer
 

Ajoute à ton CSS :

form{margin: 0;}


Message édité par kalex le 20-10-2004 à 19:59:13
n°878409
Ayuget
R.oger
Posté le 20-10-2004 à 20:03:02  profilanswer
 

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:

mood
Publicité
Posté le 20-10-2004 à 20:03:02  profilanswer
 

n°878434
darmoor
Posté le 20-10-2004 à 20:15:51  profilanswer
 

Yeah Merci beaucoup kalex! Ca marche nickel!

n°878435
Lorr Hyde
L'univers est trop grand Zut !
Posté le 20-10-2004 à 20:15:51  profilanswer
 

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.
n°878439
darmoor
Posté le 20-10-2004 à 20:17:23  profilanswer
 

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!


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

  [CSS]Besoin D'aide

 

Sujets relatifs
[HTML/CSS] DIV et "retour à la ligne"[HTML/Javasript] Aide pour un compte à rebours SVP
[CSS] Mise ne forme des liens dans une class ?[CSS] Prb alignement de texte, Ok sous Firefox mais foireux sous IE
zoom d'image css-> image décalée[CSS] Affichage avec Opéra
écouter une radio via flash a l'aide SVP[CSS] Problème de positionnement
Nouvel éditeur CSSCommentaires dans Css
Plus de sujets relatifs à : [CSS]Besoin D'aide


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