Le WebDesign et IE...

Le WebDesign et IE... - HTML/CSS - Programmation

Marsh Posté le 29-03-2011 à 22:10:15    

Bonjour à tous,
Voila je me tourne vers vous car après des heures à chercher une solution à mon problème suis près à allé voir les programmateurs de IE pour leur casser ...
Donc en ce moment je fait un petit site sans prétention pour une esthéticienne, simple avec petite partie d’administration rien de bien extraordinaire. Le problème est le suivant: j'ai fait mon codage sur dreamweaver retouche avec du CSS.. le site marche super bien sur safari (hormis le javascript) opera, chrome, mozilla, ... mais sur IE bin ya un problème, si ma page n'est pas de toute la hauteur de l'écran j'ai la cellule ou est intégré l'image de la bannière qui s'étire, je sais pas si cela vien du bandeau de boutons ou de la bannière. voila ci-joint le code merci d'avance.
 

Code :
  1. <body>
  2. <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  3.   <tr>
  4.     <td width="260" height="475" rowspan="3" class="texture_arrière_haute"></td>
  5.     <td height="475" colspan="2" rowspan="3" valign="top" class="texture_milieu_gauche"><img src="../Design/Fleur 1.jpg" width="310" height="475" align="top" /></td>
  6.     [#D4002A]<td height="150" colspan="6" align="center" valign="top" bgcolor="#FFFFFF" class="bannière"><img src="../Design/header.png" width="780" height="150" alt="bannière" /></td>[/#FF9B00]
  7.     <td height="475" colspan="2" rowspan="3" valign="top" class="texture_milieu_droite"><img src="../Design/amand'douce4_r2_c4_r1_c10.jpg" width="310" height="475" align="top" /></td>
  8.     <td width="260" height="475" rowspan="3" class="texture_arrière_haute"></td>
  9.   </tr>
  10.   <tr>
  11.     <td width="130" height="40" align="center" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><A HREF="../index.php" onMouseOver="i530396.src='../Design/Bonton_accueil_2.png'"  onMouseOut="i530396.src='../Design/Bonton_accueil.png'"><IMG SRC="../Design/Bonton_accueil.png" BORDER=0 NAME="i530396" ALT="Accueil" HSPACE=0 VSPACE=0></A></td>
  12.  
  13.     <td width="130" height="40" align="center" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><A HREF="../Prestations.php"" onMouseOver="i561335.src='../Design/Bouton_prestation_2.png'"  onMouseOut="i561335.src='../Design/Bouton_prestation.png'"><IMG SRC="../Design/Bouton_prestation.png" BORDER=0 NAME="i561335" ALT="Prestations" HSPACE=0 VSPACE=0></A></td>
  14.  
  15.     <td width="130" height="40" align="center" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><A HREF="../Produits.php"" onMouseOver="i687735.src='../Design/Bouton_produits_2.png'"  onMouseOut="i687735.src='../Design/Bouton_produits.png'"><IMG SRC="../Design/Bouton_produits.png" BORDER=0 NAME="i687735" ALT="Produits" HSPACE=0 VSPACE=0></A></td>
  16.  
  17.     <td width="130" height="40" align="center" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><A HREF="../Promotions.php"" onMouseOver="i965680.src='../Design/Bouton_promotion_2.png'"  onMouseOut="i965680.src='../Design/Bouton_promotion.png'"><IMG SRC="../Design/Bouton_promotion.png" BORDER=0 NAME="i965680" ALT="Promotions" HSPACE=0 VSPACE=0></A></td>
  18.  
  19.     <td width="130" height="40" align="center" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><A HREF="../galeries.php"" onMouseOver="i158054.src='../Design/Bouton_galerie_2.png'"  onMouseOut="i158054.src='../Design/Bouton_galerie.png'"><IMG SRC="../Design/Bouton_galerie.png" BORDER=0 NAME="i158054" ALT="Galerie" HSPACE=0 VSPACE=0></A></td>
  20.  
  21.     <td width="130" height="40" align="center" valign="top" nowrap="nowrap" bgcolor="#FFFFFF"><A HREF="../contact.php"" onMouseOver="i515048.src='../Design/Bouton_contact_2.png'"  onMouseOut="i515048.src='../Design/Bouton_contact.png'"><IMG SRC="../Design/Bouton_contact.png" BORDER=0 NAME="i515048" ALT="Contact" HSPACE=0 VSPACE=0></A></td>
  22.   </tr>
  23.   <tr>
  24.     <td colspan="6" rowspan="3" align="center" valign="top" bgcolor="#FFFFFF" class="zone_modifiable"><span class="tableau"><!-- TemplateBeginEditable name="En attente" -->En attente<!-- TemplateEndEditable --></span></td>
  25.   </tr>
  26.   <tr class="tableau">
  27.     <td width="260" height="262" class="arrière_milieu"></td>
  28.     <td width="280"></td>
  29.     <td width="30" class="texture_milieu_gauche"></td>
  30.     <td width="30" class="texture_milieu_droite"></td>
  31.     <td width="280"></td>
  32.     <td width="260" class="arrière_milieu"></td>
  33.   </tr>
  34.   <tr>
  35.     <td width="260" rowspan="2" valign="bottom" class="texture_basse"></td>
  36.     <td height="310" colspan="2" valign="bottom" class="texture_milieu_gauche"><img src="../Design/amand'douce4_r2_c4_r5_c2.jpg" width="310" height="310" align="bottom" /></td>
  37.     <td height="310" colspan="2" valign="bottom" class="texture_milieu_droite"><img src="../Design/Fleur 2.jpg" width="310" height="310" border="0" align="bottom" usemap="#Map2" /></td>
  38.     <td width="260" rowspan="2" valign="bottom" class="texture_basse"></td>
  39.   </tr>
  40.   <tr>
  41.     <td height="120" colspan="10" valign="bottom"><img src="../Design/Footer.jpg" width="1400" height="120" border="0" align="bottom" usemap="#Map" /></td>
  42.   </tr>
  43. </table>
  44. </body>


et ci-joint l'adresse du site http://amand-douce.fr/


Message édité par Skopos le 30-03-2011 à 13:51:12
Reply

Marsh Posté le 29-03-2011 à 22:10:15   

Reply

Marsh Posté le 30-03-2011 à 00:35:00    

Bonjour,
 
D'abord ton design me paraît très réussi mais au niveau du codage de la page tu dois savoir que  le code produit par dreamweaver est exécrable, et qu'il est basé sur les tables!
Tu aurais intérêt à coder les pages avec des div d'une part et de scinder le fond de la partie centrale. (il vaudrait mieux de te passer de dreamviewer ;o) )
 
Si tu a besoin de plus d'explication envoie moi un MP
   


---------------
Thunderblog - Web, Internet et Technologie
Reply

Marsh Posté le 30-03-2011 à 01:21:49    

je ne suis pas un pro, mais le mot bannière a un accent, ça ne gene pas ça pour le code ?
je part en formation la semaine prochaine  :D  donc après je devrais savoir  :whistle: . En tout cas le style est vraiment bien, beau design  [:b-rabbit]


---------------
Galerie - Site
Reply

Marsh Posté le 30-03-2011 à 01:25:51    

J'ai rien compris au problème, mais le code est juste immonde :/
90% de chances (enfin j'invente le chiffre hein :o) que tes problèmes viennent de là.  
 
Le JS dans le code, c'est pas génial non plus :/


---------------
| .:: www.wizopunk-art.com - Développement web ::. |
Reply

Marsh Posté le 30-03-2011 à 13:51:39    

Ce sujet a été déplacé de la catégorie Graphisme vers la categorie Programmation par Skopos


---------------
userstyles HFR : alléger l'accueil du forum; réduire les img https des quotes. Script AHK ImageFloodHFR
Reply

Marsh Posté le 30-03-2011 à 17:37:06    

Bonjour,
Désolé pour la catégrorie.
 
Merci à tous pour vos message, bon le problème vient vraisemblablement de mon qui est je vous l'accord directement sortie de dreamweaver. Le problème est que je n'est pas le temps ni le savoir pour coder mon site en entier, je comprend votre dégoût à la vue cette syntaxe mais je ne vais pas tout refaire pour avoir un jolie code. le problème est je ne pense pas dû à l"è" et surtout le problème vient d'internet explorer.Je vais test ce soir de faire une boite Div mais bon. Si un personne à une idée je prend comme par exemple un simple mot à rajouter ou retirer de mon code...
Merci à tous

Reply

Marsh Posté le 30-03-2011 à 19:51:36    


Bonjour,
Non le problème ne vient pas du "é"  
le class="bannière" sert, en gros, a repérer l’élément a modifier en css
 
Je n'est pas le problème chez moi donc je suis limité pour t'aider, mais la meilleur solution semble en effet d'utiliser une div
 
Peut etre peux tu me faire passer un screenshot pour que je puisse me rendre compte.
 
Guillaume


---------------
http://rousselguillaume.fr
Reply

Marsh Posté le 31-03-2011 à 17:35:21    

Bonjour,
C'est normal le problème est résolu, j'ai encadré mes bouton avec une balise div avec une position précise sur sur la page la page en hauteur et voila ca marche, le code est sale même très sale mais ça marche. Merci pour vos conseils++

Reply

Sujets relatifs:

Leave a Replay

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