[HTML] Problème d'affichagesur mozilla et pas sur ie

Problème d'affichagesur mozilla et pas sur ie [HTML] - HTML/CSS - Programmation

Marsh Posté le 10-09-2004 à 19:40:38    

Bonjour,
 
Je suis embêté car j'ai un problème d'affichage sur mozilla mais qui ne se produis pas sur internet explorer...
 
Tout d'abord, voici le code :

Code :
  1. <html><head>
  2. <title>Bagupremier.free.fr</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <style TYPE="text/css">
  5. td, body{background-repeat: no-repeat;background-position: top left;background-attachment: fixed ;font: Normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; margin-left:1; margin-right:1;}
  6. a.menu a{font: Normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: #999999; text-decoration: none;}
  7. a.menu a:hover{font: Normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; text-decoration: none;}
  8. a{font: Normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; text-decoration: none;}
  9. a:hover{font: Normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; text-decoration: underline;}
  10. </style>
  11. </head>
  12. <body bgcolor="#000000" text="#000000">
  13. <table width="700" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFF9" align="center">
  14.   <tr>
  15.     <td valign="top" align="left" colspan="3" background="top.gif"><img src="top.gif" width="702" height="85"></td>
  16.   </tr>
  17.   <tr>
  18.     <td valign="top" align="left" width="168"><img src="rightbg.gif" width="168" height="638"></td>
  19.     <td valign="top" align="left" width="426" background="contentbg.gif">
  20.       <table width="100%" height="635" border="1" cellpadding="1" cellspacing="0">
  21.         <tr>
  22.           <td>
  23.             <table width="100%" border="0" cellspacing="0" cellpadding="0">
  24.               <tr>
  25.                 <td align="left" valign="top">
  26.                   <table width="100%" border="0" cellspacing="0" cellpadding="1" class="center" height="635">
  27.                     <td height="44" valign="top">
  28.                       <div align="center">
  29.                         <table width="100%" border="0" cellspacing="0" cellpadding="2" bordercolor="#999999" height="9">
  30.                           <tr bgcolor="#EBF9FE">
  31.                             <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0" bgcolor="#EBF9FE">
  32.                                 <div align="center"><a href="http://www.bagu.biz" class=menu><b><font size="4"></font>Bagu's site</b></a></div>
  33.                             </td>
  34.                             <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0">
  35.                               <div align="center"><a href="http://www.bagu.biz/exoops/modules/news/" class=menu><b>News</b></a></div>
  36.                             </td>
  37.                             <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0">
  38.                               <div align="center"><a href="http://www.bagu.biz/exoops/modules/arcade/" class=menu><b>Jeux</b></a></div>
  39.                             </td>
  40.                               <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0" bgcolor="#EBF9FE">
  41.                                 <div align="center"><a href="http://www.bagu.biz/exoops/modules/newbb_plus/" class=menu><b>Forum</b></a></div>
  42.                             </td>
  43.                             <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0">
  44.                               <div align="center"><a href="http://www.bagu.biz/exoops/modules/mylinks/" class=menu><b>Liens</b></a></div>
  45.                             </td>
  46.                           </tr>
  47.                         </table>
  48.                           <p><font size="4"><br>
  49.                             Bagupremier.free.fr d&eacute;m&eacute;nage !</font><br>
  50.                             <br>
  51.                             <br>
  52.                             <br>
  53.                             <br>
  54.                             Les serveurs de free ainsi que leur base sql sont
  55.                             tellement lent que le site pour continuer &agrave;
  56.                             vous servir se voit contraint de d&eacute;m&eacute;nager...</p>
  57.                           <p>C'est donc avec un grand plaisir que je vous annonce
  58.                             l'ouverture de www.bagu.biz</p>
  59.                           <p>Merci de votre compr&eacute;hension.<b></b></p>
  60.                           <p>&nbsp;</p>
  61.                       </div>
  62.                   </table>
  63.                 </td>
  64.               </tr>
  65.             </table>
  66.           </td>
  67.         </tr>
  68.       </table>
  69.      </td>
  70.     <td valign="top" align="left" width="108">&nbsp; </td>
  71.   </tr>
  72. </table>
  73. </body>
  74. </html>


 
Le soucis, c'est que background="contentbg.gif" fait bien s'afficher contentbg.gif s'affiche bien en transparent sur ie mais pas sur mozilla...et je n'arrive pas à trouver comment changer cela...
 
Merci de votre aide (je continue à chercher en attendant, je vous tiendrais au courant)

Reply

Marsh Posté le 10-09-2004 à 19:40:38   

Reply

Marsh Posté le 10-09-2004 à 20:55:33    

bon alors, meme en remplacant :

Code :
  1. background="contentbg.gif"


par

Code :
  1. style="background-image: url('contentbg.gif'); background-repeat: no-repeat;"


 
aucun changement, ça passe nickel sur ie mais pas sur mozilla :?


Message édité par bagu le 10-09-2004 à 20:55:46
Reply

Marsh Posté le 10-09-2004 à 21:49:02    

Bon ben, merci à personne... J'ai trouvé tout seul comme un grand...Voila mes modifs :
 

Code :
  1. <table width="100%" height="638" border="0" cellpadding="1" cellspacing="0" style='background-image: url("./contentbg.gif" );background-repeat: no-repeat;'>
  2.         <tr>
  3.           <td>
  4.             <table width="100%" border="0" cellspacing="0" cellpadding="0">
  5.               <tr>
  6.                 <td align="left" valign="top">
  7.                   <table width="100%" border="0" cellspacing="0" cellpadding="1" class="center" height="638">
  8.                     <td height="44" valign="top">
  9.                       <div align="center">
  10.                         <table width="100%" border="0" cellspacing="0" cellpadding="2" bordercolor="#999999" height="9" bgcolor="#FFFF00">
  11.                           <tr bgcolor="#EBF9FE">
  12.                             <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0" bgcolor="#EBF9FE">
  13.                                 <div align="center"><a href="http://www.bagu.biz" class=menu><b><font size="4"></font>Bagu's site</b></a></div>
  14.                             </td>
  15.                             <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0" bgcolor="#EBF9FE">
  16.                               <div align="center"><a href="http://www.bagu.biz/exoops/modules/news/" class=menu><b>News</b></a></div>
  17.                             </td>
  18.                             <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0" bgcolor="#EBF9FE">
  19.                               <div align="center"><a href="http://www.bagu.biz/exoops/modules/arcade/" class=menu><b>Jeux</b></a></div>
  20.                             </td>
  21.                               <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0" bgcolor="#EBF9FE">
  22.                                 <div align="center"><a href="http://www.bagu.biz/exoops/modules/newbb_plus/" class=menu><b>Forum</b></a></div>
  23.                             </td>
  24.                             <td onMouseOver="style.backgroundColor='#CCFFFF'" onMouseOut="style.backgroundColor='#EBF9FE'" width="0" bgcolor="#EBF9FE">
  25.                               <div align="center"><a href="http://www.bagu.biz/exoops/modules/mylinks/" class=menu><b>Liens</b></a></div>
  26.                             </td>
  27.                           </tr>
  28.                         </table>

Reply

Marsh Posté le 10-09-2004 à 21:53:55    

En même temps tu codes du pabo [:sisicaivrai]
 
et Firefox, il a un truc vachement bien qui s'appelle :hover (d'ailleurs opera aussi, tout le monde sauf MSIE en fait)


Message édité par masklinn le 10-09-2004 à 21:54:30

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Marsh Posté le 10-09-2004 à 23:27:27    

ben...je veux bien coder du bo...mé je sais pas bien faire... je suis en phase d'apprentissage ;)

Reply

Marsh Posté le 11-09-2004 à 09:56:05    

salut,
 
c'est vrai que c'est un peu l'usine à gaz ...  :)  
 
tu aurais la même chose en faisant :
 

Code :
  1. <html>
  2. <head>
  3. <title>Page Web</title>
  4. <style type=text/css>
  5. body {text-align:center; color: blue; font-size: 11px; font-family: Arial, Helvetica; text-decoration:none;margin:0px;}
  6. A {color: #1C3859; font-size: 11px; font-family:Arial, Helvetica; text-decoration:none; font-weight:bold; float:left; background-color:#EBF9FE; width:160px;}
  7. A:visited {color: #1C3859;}
  8. A:hover {color: #9400d3; background-color:#CCFFFF;}
  9. A:active {color:red;}
  10. #cont {width:800px; height:638px; background-image: url("./contentbg.gif" );background-repeat: no-repeat; padding-top:9px; margin-left:auto; margin-right:auto;}
  11. </style>
  12. </head>
  13. <body>
  14. <div id="cont"> 
  15. <a href="http://www.bagu.biz" class=menu>Bagu's site</a>
  16. <a href="http://www.bagu.biz/exoops/modules/news/" class=menu>News</a>
  17. <a href="http://www.bagu.biz/exoops/modules/arcade/">Jeux</a>
  18. <a href="http://www.bagu.biz/exoops/modules/newbb_plus/" class=menu>Forum</a>
  19. <a href="http://www.bagu.biz/exoops/modules/mylinks/">Liens</a>
  20. </div>
  21. </body>
  22. </html>

Reply

Marsh Posté le 11-09-2004 à 09:58:26    

y'a même des " class=menu" oubliés en route ...
 
++
 
L.

Reply

Sujets relatifs:

Leave a Replay

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