[HTML/CSS] Problème affichage d'images

Problème affichage d'images [HTML/CSS] - HTML/CSS - Programmation

Marsh Posté le 21-01-2007 à 14:48:01    

Hello all,
 
J'ai un ti soucis assez bizarre, pour les besoins d'une copine (oui bon ...!) j'ai repris le site du Club Med Gym et y ai modifié un onglet pour y mettre des pages perso.
 
J'ai tenté de reprendre le code des pages déjà présentes et les modifier à ma sauce pour afficher un résultat souhaité mais ya un bug bizarre ; ya 2 photos sur la page, une seule des 2 s'affichent et il y a quand même 2 croix rouge ...
 
J'avoue ne pas savoir ou chercher d'où qu'ça vient !
 
La page est : http://simon.bill.free.fr/forum/clubmed/page-2.html
 
Merci pour votre aide :)
 
Autre question j'aimerai que la 2e image soit centrée par rapport au texte mais je n'ai pas trouvé de manière de le faire ni avec la balise <img> ni avec le css ... :/
 
PS : Je suis newbie en HTML et pire que ça en CSS mais j'essaye de me débrouiller comme je peux :p

Reply

Marsh Posté le 21-01-2007 à 14:48:01   

Reply

Marsh Posté le 21-01-2007 à 15:10:03    

Voici les codes sources de la page et du css :

 

Code de la page HTML :

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title>
  5.       Club Med Gym
  6.     </title>
  7.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  8. <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
  9.     <link rel="stylesheet" href="css/style.css" media="screen" title="css default">
  10. <script type="text/javascript" src="js/scripts.js"></script>
  11. <script type="text/javascript" src="js/adherent.js.php"></script>
  12.   </head>
  13.   <body onload="init(); onLoadMessage('')" scroll=auto>
  14.     <form name="loginForm" method="post" action="cmg_spip_cookie.php3" class="formulaire" onSubmit="return checkConnexion()">
  15.       <input type='hidden' name='url' value='page-2.html'>
  16.       <input type='hidden' name='essai_login' value='oui'>
  17.       <input type='hidden' name='session_remember' value='oui'>
  18.       <div class="contour" id="base">
  19.         <div class="contentleft">
  20.           <div class="bdelogo">
  21.           </div>
  22.           <div class="divmenu">
  23.             <!--début table menu-->
  24.             <table width="658" border="0" cellpadding="0" cellspacing="0">
  25.               <tr>
  26.                 <td class="menu" onMouseOver="this.className='menuon'" onMouseOut="this.className='menu'" onclick="index()">Accueil</td>
  27.                 <td width="1"></td>
  28.                 <td class="menu" onMouseOver="this.className='menuon'" onMouseOut="this.className='menu'" onclick="rediriger(5)">Philosophie</td>
  29.                 <td width="1"></td>
  30.                 <td class="menu" onMouseOver="this.className='menuon'" onMouseOut="this.className='menu'" onclick="rediriger(6)">Clubs</td>
  31.                 <td width="1"></td>
  32.                 <td class="menu" onMouseOver="this.className='menuon'" onMouseOut="this.className='menu'" onclick="rediriger(7)">Activités</td>
  33.                 <td width="1"></td>
  34.                 <td class="menu" onMouseOver="this.className='menuon'" onMouseOut="this.className='menu'" onclick="rediriger(8)">Abonnement</td>
  35.                 <td width="1"></td>
  36.                 <td class="menuon" onclick="rediriger(9)">Côté forme by<font color="#d56d2c"> WAOU</font></td>
  37.                 <td width="1"></td>
  38.               </tr>
  39.             </table>
  40.             <!--début table menu-->
  41.             <!--début table sous-menu-->
  42.             <table width="658" border="0" cellpadding="0" cellspacing="0">
  43.               <tr> 
  44.                 <td class="sousmenu" onMouseOver="this.className='sousmenuon'" onMouseOut="this.className='sousmenu'" onclick="rediriger(1)">Conseil</td>
  45.                 <td width="1"></td>
  46.                 <td class="sousmenuon" onclick="rediriger(2)">Restauration</td>
  47.                 <td width="1"></td>
  48.                 <td class="sousmenu" onMouseOver="this.className='sousmenuon'" onMouseOut="this.className='sousmenu'" onclick="rediriger(3)">Cure</td>
  49.                 <td width="1"></td>
  50.               </tr>
  51.             </table>
  52.             <!--fin table sous-menu-->
  53.           </div>
  54.           <div class="contenu">
  55.             <div>
  56.               <img class="bdegauchevisu1bis">
  57.               <p align="justify"> ...TEXTE...
  58.                 <br>
  59.                 <hr> &nbsp;a. Menu 1 :
  60.                 <br> &nbsp;&nbsp;- 1 soupe du jour
  61.                 <br> &nbsp;&nbsp;- 1 plat de salade avec 3 ingrédients au choix
  62.                 <br> &nbsp;&nbsp;- 1 jus d%u2019orange frais
  63.                 <br> &nbsp;&nbsp;- 1 café
  64.                 <br>
  65.                 <br> &nbsp;b. Menu 2 :
  66.                 <br> &nbsp;&nbsp;- 1 soupe du jour
  67.                 <br> &nbsp;&nbsp;- 1 plat du jour
  68.                 <br> &nbsp;&nbsp;- 1 jus d%u2019orange frais
  69.                 <br> &nbsp;&nbsp;- 1 café
  70.               </p>
  71.               <img src="images\bar3.jpg">
  72.             </div>
  73.           </div>
  74.           <div class="navsecondaire">
  75.             <table border="0" cellspacing="0" cellpadding="0">
  76.               <tr>
  77.                 <td>
  78.                   <a href="javascript:ouvre_popup('popup-81.html')" class="liennavsecondaire">Contact</a>
  79.                   -
  80.                   <a href="javascript:ouvre_popup('popup-82.html')" class="liennavsecondaire">Mentions légales</a></td>
  81.               </tr>
  82.             </table>
  83.           </div>
  84.         </div>
  85.         <div class="contentright">
  86.           <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="315" height="593">
  87.             <param name="movie" value="images/swf/interpolation2.swf">
  88.             <param name="quality" value="high">
  89.             <embed src="images/swf/interpolation2.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="315" height="593">
  90.             </embed>
  91.           </object>
  92.         </div>
  93.       </div>
  94.     </form>
  95.   </body>
  96. </html>
 

Code du CSS :

Code :
  1. .formulaire{
  2. margin:0px;
  3. }
  4. .contour{
  5. position:absolute;
  6. width:1000px;
  7. left:50%;
  8. top:50%;
  9. margin-top:-297px;
  10. margin-left:-500px;
  11. border:solid 1px #D8D6E3;
  12. }
  13. .contentleft {
  14. float:left;
  15. width:670px;
  16. height:593px;
  17. }
  18. .bdelogo {
  19. height:123px;
  20. width:658px;
  21. margin-left:12px;
  22. background-image:url(../images/logo.gif);
  23. background-repeat:no-repeat;
  24. background-position:left top;
  25. }
  26. .divmenu {
  27. margin-left:12px;
  28. height:60px;
  29. }
  30. .menu,.menuon {
  31. font-size:12px;
  32. font-weight:bold;
  33. color:#FFFFFF;
  34. text-align:center;
  35. background-color:#412A7E;
  36. height:27px;
  37. padding:0px 15px 0px 15px;
  38. cursor:pointer;
  39. }
  40. .menuon {
  41. background-color:#B4AACC;
  42. }
  43. .sousmenu,.sousmenuon {
  44. font-size:11px;
  45. font-weight:bold;
  46. color:#FFFFFF;
  47. text-align:center;
  48. background-color:#A3BF4C;
  49. height:19px;
  50. padding:0px 15px 0px 15px;
  51. cursor:pointer;
  52. }
  53. .sousmenuon {
  54. background-color:#C5E070;
  55. }
  56. .bdegauchevisu1bis {
  57. float:left;
  58. width:113px;
  59. height:385px;
  60. background-image:url(../images/bar2.jpg);
  61. background-repeat:no-repeat;
  62. background-position:left top;
  63. }
  64. .bar3 {
  65. width:370px;
  66. height:130px;
  67. background-image:url(../images/bar3.jpg);
  68. align="center";
  69. }
  70. .navsecondaire {
  71. margin-top:2px;
  72. }
  73. .liennavsecondaire {
  74. text-decoration:none;
  75. font-size:10px;
  76. color:#412A7E;
  77. padding:0px 10px 0px 10px;
  78. }
  79. .contentright {
  80. float:right;
  81. width:328px;
  82. height:593px;
  83. text-align:right;
  84. }
 

Voilà :)


Message édité par teflon le 21-01-2007 à 15:18:25
Reply

Marsh Posté le 21-01-2007 à 21:03:18    

up

Reply

Marsh Posté le 22-01-2007 à 14:23:55    

Personne ? :/

Reply

Sujets relatifs:

Leave a Replay

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