[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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
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