css ie:ok firebird: rien du tout

css ie:ok firebird: rien du tout - HTML/CSS - Programmation

Marsh Posté le 20-06-2004 à 08:22:08    

Bonjour,
j'ai un petit probleme de css.  
-> ca fonctionne bien sous ie
-> ca ne fonctionne pas du tout sous firebird (firebird affiche la page comme si la css n'existait pas)  
 
Si quelqu'un a une idée, parce que j'ai mal à la tête  [:atog]


Message édité par laurent2a le 20-06-2004 à 08:22:56
Reply

Marsh Posté le 20-06-2004 à 08:22:08   

Reply

Marsh Posté le 20-06-2004 à 08:57:51    

1- tu n'as pas respecté les règles de syntaxe des CSS
2- sans ton code comment veux tu qu'on t'aide ??? on est pas extra-lucide  :whistle:

Reply

Marsh Posté le 20-06-2004 à 15:38:23    

Je suis d'accord avec ton analyse  :)  
mais avant avant de vous montrer le css je posait simplement la question pour savoir si ce n'était pas un cas très classique
 
voici mon code ( si on peut appeler ça du code ...)
 

Code :
  1. H1 {font-family: Arial;
  2.    font-style: italic;
  3.    font-weight: bold;
  4.    font-size: 16pt;
  5.    font-variant: normal;
  7.    text-align: center;
  8.    text-decoration: none;
  9.    text-transform: Upercase;
  10.    color:#684b3c;
  11.    word-spacing:5pt;
  12.    letter-spacing:2pt;
  13.    line-height: 20pt;
  14.    };
  16. H2 {font-family: Times;
  17.    font-style: italic;
  18.    font-weight: bold;
  19.    font-size: 16pt;
  20.    font-variant: normal;
  22.    text-align: left;
  23.    text-indent: 20px;
  24.    text-decoration: none;
  25.    text-transform: Upercase;
  26.    color:#684b3c;
  27.    line-height: 16pt;
  28.    };
  30. <BODY>
  31.   {
  33.   border: 0px groove #333333;
  35.   margin-top :0px;
  36.   margin-left :0px;
  37.   background-color: cccccc;
  38.   background-image: url(colonne_NB_bruit.jpg);
  39.   background-position : 0px 0px;
  40.   background-repeat: repeat-y;
  42.   color: black;
  43.   font-family: "Lucida Handwriting", cursive, Courier;
  44.   text-align: left;
  45.   }
  47. .developper{
  48.        background-color: #ffffff;
  49.         position: absolute;
  50.         text-align: right;
  51.         top :5px;
  52.         left :500px;
  53.         width : 300;
  54.         };
  56. .en_tete{background-color: #ffffff;
  57. /*        background-image: url("fronton_NB_bruit.gif" ); */
  58. /*        background-position: center; */
  59. /*        background-repeat: no-repeat; */
  60.           text-align: center;
  61.         float :left ;
  62.         left : 100;
  63.         margin-left:0;
  64.         padding : 0;
  65.         width : 800;
  66.         height : 200 ;};
  68. .blason{
  69.        background-color: #ffffff;
  70.         position: absolute;
  71.         top :0px;
  72.         left :360px;
  73.         };
  76. .bandeau_haut{background-color: #ffffff;
  77.           text-align: center;
  78.           float :left ;
  79.           margin-left: 0;
  80.           width : 800;
  81.           border: 1px groove #333333;
  82.           padding: 0px;  //espace entre le text et le cadre
  83.           };
  85. .bloc_central{background-color: #ffffff;
  86.           text-align: center;
  87.           float : left ;
  88.           margin-left: 70;
  89.           width : 500;
  90.          border: 1px groove #333333;
  91.           padding: 5px;
  92.           };
  93. .case{background-color: #ffffff;
  94.           text-align: center;
  95.           };
  97. .case_vide{width : 20;};
  99. .navigation{background-color: #fffffc;
  100.           text-align: left;
  101.           float :left ;
  102.           margin-left: 5;
  103.           padding: 2px;  //espace entre le text et le cadre
  104.           };
  106. .document{background-color: #ffffff;
  107.           padding: 5px;  //espace entre le text et le cadre
  108.           float :left ;
  109.           margin-left:50;
  110.           width : 700;
  111.           border: 3px groove #aaaaaa;
  112.           };
  114. .marche3{background-color: #ffffff;
  115.           text-align: center;   
  116.           float :left ;
  117.           margin-left: 15;
  118.           width : 740;
  119.           border: 1px groove #333333;
  120.           padding: 5px;  //espace entre le text et le cadre
  121.           };
  123. .marche2{background-color: #ffffff;
  124.           text-align: center;
  125.           float :left ;
  126.           margin-left: 10;
  127.           width : 760;
  128.           border: 1px groove #333333;
  129.           padding: 5px;
  130.           };
  132. .a_gauche{background-color: #ffffff;
  133.           text-align: left;
  134.           float :left ;
  135.           margin-left: 5;
  136.          };
  138. .au_centre{background-color: #ffffff;
  139.           text-align: center;
  140.           float : left ;
  141.           margin-left: 150;
  142.           };
  144. .a_droite{background-color: #ffffff;
  145.           text-align: right;
  146.           float :right ;
  147.           margin-right: 5;
  148.          };
  152. .marche1{background-color: #ffffff;
  153.           text-align: center;
  154.           float :left ;
  155.           margin-left: 5;
  156.           width : 780;
  157.           border: 1px groove #333333;
  158.           padding: 5px;
  159.           };
  161. .fin_page{background-color: #cccccc;
  162.           float :left;
  163.           margin-left: 0;
  164.           width : 1000;
  165.           height : 1000;
  166.           };
  167. .cadre{background-color: #ffffff;
  168.           display: block;
  169.           padding: 10px;
  170.           left : 0 px ;
  171.           top : 20;
  172.           width : 800;
  173.           border: 25px groove #333333;
  174.           };


Message édité par laurent2a le 20-06-2004 à 15:43:30
Reply

Marsh Posté le 20-06-2004 à 15:40:29    

[:totoz]
 
Comment tu veux que ça marche !
 
C'est quoi ça :   <BODY>  
Et ce commentaire pas fermé qui invalide les trois quarts du fichiers !  


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 20-06-2004 à 15:54:37    

kadreg a écrit :

[:totoz]
 
Comment tu veux que ça marche !
 
C'est quoi ça :   <BODY>  
Et ce commentaire pas fermé qui invalide les trois quarts du fichiers !


 
pour le commentaire pas fermé : c'est une erreur de copier/coller si on peut dire (j'ai enlever quelques comentaires persos du code que je vous ai envoyé mais le commentaire est bien fermé).
 
pour ce qui est de <body> : c'est là que je defini le style general de la page : fond d'ecran.... ca marche avec ie, mais c'est peut etre le probleme avec firebird. je vais essayer sans...  
 
tu fais comment pour definir le fond d'ecran de ta page si tu ne le fait pas avec body ?

Reply

Marsh Posté le 20-06-2004 à 15:55:24    

laurent2a a écrit :


tu fais comment pour definir le fond d'ecran de ta page si tu ne le fait pas avec body ?


 
je met juste le nom du tag, sans les <>, comme tu as d'ailleurs fait avec H1 [:spamafote]


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 20-06-2004 à 16:08:24    

kadreg a écrit :

je met juste le nom du tag, sans les <>, comme tu as d'ailleurs fait avec H1 [:spamafote]


Merci, effectivement c'est simple et propre !
 
mais ce n'est pas là qu'est le pb...
 
je te met le debut du html, au cas ou ?

Code :
  1. <html>
  2. <head>
  3. <LINK REL="stylesheet" TYPE="text/css" HREF="styles2.css">
  4. </head>
  5. <Body>
  7. <div class= en_tete><img src="fronton_NB_bruit.gif" usemap="#menu"></div>
  8. <map name ="menu">
  9. <area shape=polygon coords="80,80 , 275,25 , 300,80 , 200,110" href="etude.htm">
  10. <area shape=polygon coords="275,25 , 330,12 , 377,24 , 360,80 , 326,74 , 300,80 " href="sommaire.htm">
  11. <area shape=polygon coords="377,24 , 487,52 , 462,107,  360,80" href="travail.htm">
  12. <area shape=polygon coords="487,52 , 615,100 ,  600,150 , 462,107" href="enseignement.htm">
  13. </map>

Reply

Marsh Posté le 20-06-2004 à 16:11:39    

Pöst ton CSS ici, il a plein de trucs à te dirre : http://jigsaw.w3.org/css-validator/


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 20-06-2004 à 16:14:16    

kadreg a écrit :

Pöst ton CSS ici, il a plein de trucs à te dirre : http://jigsaw.w3.org/css-validator/


ok je vais voir, merci :)

Reply

Marsh Posté le 20-06-2004 à 16:26:31    

puissant comme outil ...
bon maintenant ie ~ firebird
le probleme c'est que ca ne ressemble plus du tout à la mise en page initiale. mais je crois que je sais pourquoi maintenant :  
imbrication abusive de <div> et <span>
du type  

Code :
  1. <div class= bloc_central>
  2. <span class = case ><a href="[page_precedente]">&#139 précédente</a></span>
  3. <span class = case_vide></span>
  4. <span class = case ><a href="[niveau_superieur]">niveau superieur</a></span>
  5. <span class = case_vide></span>
  6. <span class = case ><a href="[page_suivante]">suivante &#155</a></span>
  7. </div>


 
 


Message édité par laurent2a le 20-06-2004 à 16:27:16
Reply

Marsh Posté le 20-06-2004 à 16:26:31   

Reply

Marsh Posté le 20-06-2004 à 16:28:26    

les quotes ""
 
class="case"


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 20-06-2004 à 17:09:05    

simogeo a écrit :

les quotes ""
 
class="case"


 
 :)  c'est bien ça le probleme  
 
en fait :  
  - firebird n'interprete pas les classes sans les quotes.
  - ie les interprete à sa manière ...
 
-> il faut que je revois ma mise en page, mais ce n'est pas un probleme.
 
je vous remercie Flyman30, kadreg et simogeo pour votre aide.  

Reply

Sujets relatifs:

Leave a Replay

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