Problème positionnement images découpés

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème positionnement images découpés

Message par Linesey le Mer 27 Avr 2011 - 10:21

Salut à tous(tes),
Voilà mon problème: J'ai crée un portail personnalisé ou j'ai mit un screen découpé sur Photoshop qui mène vers une page Facebook, de la musique, le forum ou s'enregistrer.

Sur Chrome y'a pas de problème mais sur Firefox, c'est l'anarchie dans le placement des images. Etant pas un super codeur je voit pas ce qui faut faire pour optimiser le portail pour Firefox (je vais pas incité tout le monde à utiliser Chrome tout de même :p )

Je mets quelques images pour mieux illustrer :

Avec Chrome :

Et Firefox Confused :

Bref vous l'aurez comprit un vrai puzzle.

Voici le code :
Code:
<html>
<head>
<title>Sans titre-2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Sans titre-2) -->
<table id="Tableau_01" width="1601" height="1200" border="0" cellpadding="0" cellspacing="0">
   <tr>
      <td colspan="3">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/fond-f11.gif" width="302" height="301" alt="01"></td>
      <td colspan="7" rowspan="2">
         <a href="http://www.brotherhood-guilde.com/forum" target="">
            <img src="http://i76.servimg.com/u/f76/15/86/25/34/bannia12.jpg" width="1000" height="400" border="0" alt="02"></a></td>
      <td rowspan="9">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/fond-f18.gif" width="298" height="1200" alt="03"></td>
      <td>
         <img src="spacer.gif" width="1" height="301" alt=""></td>
   </tr>
   <tr>
      <td rowspan="8">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t13.gif" width="146" height="899" alt="04"></td>
      <td>
         <a href="http://cdn-files.deezer.com/swf/kamino-v15.swf?pid=59622653&ap=1&ln=fr&sl=1" target="">
            <img src="http://i26.servimg.com/u/f26/15/86/25/34/bouton10.png" width="100" height="99" border="0" alt="05"></a></td>
      <td rowspan="8">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t23.gif" width="56" height="899" alt="06"></td>
      <td>
         <img src="spacer.gif" width="1" height="99" alt=""></td>
   </tr>
   <tr>
      <td rowspan="7">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t14.gif" width="100" height="800" alt="07"></td>
      <td colspan="7">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t11.gif" width="1000" height="72" alt="08"></td>
      <td>
         <img src="spacer.gif" width="1" height="72" alt=""></td>
   </tr>
   <tr>
      <td rowspan="6">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t24.gif" width="400" height="728" alt="09"></td>
      <td>
         <a href="http://www.brotherhood-guilde.com/register" target="">
            <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t16.gif" width="307" height="119" border="0" alt="10"></a></td>
      <td colspan="5" rowspan="2">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t17.gif" width="293" height="495" alt="11"></td>
      <td>
         <img src="spacer.gif" width="1" height="119" alt=""></td>
   </tr>
   <tr>
      <td rowspan="5">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t18.gif" width="307" height="609" alt="12"></td>
      <td>
         <img src="spacer.gif" width="1" height="376" alt=""></td>
   </tr>
   <tr>
      <td colspan="2">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t19.gif" width="145" height="22" alt="13"></td>
      <td colspan="2">
         <a href="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FWarcraftFR%3Fref%3Dts%23%21%2FWarcraftFR%3Fsk%3Dwall&amp;width=1200&amp;colorscheme=dark&amp;show_faces=false&amp;stream=true&amp;header=false&amp;height=395" target="">
            <img src="http://i26.servimg.com/u/f26/15/86/25/34/facebo14.gif" width="125" height="22" border="0" alt="14"></a></td>
      <td rowspan="4">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t20.gif" width="23" height="233" alt="15"></td>
      <td>
         <img src="spacer.gif" width="1" height="22" alt=""></td>
   </tr>
   <tr>
      <td rowspan="3">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t21.gif" width="104" height="211" alt="16"></td>
      <td colspan="2">
         <a href="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FWarcraftFR%3Fref%3Dts%23%21%2FWarcraftFR%3Fsk%3Dwall&amp;width=1200&amp;colorscheme=dark&amp;show_faces=false&amp;stream=true&amp;header=false&amp;height=395" target="">
            <img src="http://i26.servimg.com/u/f26/15/86/25/34/facebo11.gif" width="82" height="74" border="0" alt="17"></a></td>
      <td rowspan="2">
         <a href="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FWarcraftFR%3Fref%3Dts%23%21%2FWarcraftFR%3Fsk%3Dwall&amp;width=1200&amp;colorscheme=dark&amp;show_faces=false&amp;stream=true&amp;header=false&amp;height=395" target="">
            <img src="http://i26.servimg.com/u/f26/15/86/25/34/facebo15.gif" width="84" height="104" border="0" alt="18"></a></td>
      <td>
         <img src="spacer.gif" width="1" height="74" alt=""></td>
   </tr>
   <tr>
      <td rowspan="2">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/sans-t22.gif" width="41" height="137" alt="19"></td>
      <td>
         <a href="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FWarcraftFR%3Fref%3Dts%23%21%2FWarcraftFR%3Fsk%3Dwall&amp;width=1200&amp;colorscheme=dark&amp;show_faces=false&amp;stream=true&amp;header=false&amp;height=395" target="">
            <img src="http://i26.servimg.com/u/f26/15/86/25/34/facebo17.gif" width="41" height="30" border="0" alt="20"></a></td>
      <td>
         <img src="spacer.gif" width="1" height="30" alt=""></td>
   </tr>
   <tr>
      <td colspan="2">
         <img src="http://i26.servimg.com/u/f26/15/86/25/34/fond-f22.gif" width="125" height="107" alt="21"></td>
      <td>
         <img src="spacer.gif" width="1" height="107" alt=""></td>
   </tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>



Merci d'avance pour vos futures réponses.

Linesey
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/04/2011

http://www.brotherhood-guilde.com
Linesey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème positionnement images découpés

Message par Linesey le Mer 27 Avr 2011 - 16:23

YOUPI!! J'ai trouvé! Je vais pas être égoïste... Pour ceux qui auraient le même problème : il vous suffit d'aller dans votre feuille de style CSS (PA > Affichage > Images et Couleurs > Couleurs > Feuille de style CSS) et vous coller ceci
Code:
img {
  display : block;
  }
Very Happy Voilou (le seul hic c'est que désormais ma barre de navigation est verticale :p )

Linesey
Nouveau membre

Masculin
Messages : 8
Inscrit(e) le : 20/04/2011

http://www.brotherhood-guilde.com
Linesey a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum