Problème avec une découpe d'un design

Répondre
Citer ce message
zOy
le 25/04/2009 à 02:05
zOy
Bonjour, je suis actuellement sur un site d'un groupe de musique, mais j'ai un problème sous firefox.

voiçi mon problème ... il est assez flagrand ^^

http://ns10.freeheberg.com/~mismos/

voiçi mon codage de toute la page :

index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <link href="facebox.css" media="screen" rel="stylesheet" type="text/css" />

  <script src="jquery.js" type="text/javascript"></script>

  <script src="facebox.js" type="text/javascript"></script>

  <script type="text/javascript">

    jQuery(document).ready(function($) {

      $('a[rel*=facebox]').facebox({

        loading_image : 'loading.gif',

        close_image   : 'closelabel.gif'

      }) 

    })

  </script>

  <script type="text/javascript" src="mootoolsrelease57.js"></script>

  <script type="text/javascript">

	var effects = new Array();

	window.onload=function(){

		var els = document.getElementsByClassName('cool');

		for (var i=0; i<els.length; i++){

			els[i].id='cool'+i;

			effects[els[i].id]=els[i].effect('font-size', {duration: 400, transition: fx.expoOut});

			els[i].addEvent('mouseover', function(){effects[this.id].emphasize()});

			els[i].addEvent('mouseout', function(){effects[this.id].deemphasize()});

		}

	};

	fx.Style.implement({

    emphasize: function(){

        this.clearTimer();

        this.custom(parseInt(this.el.getStyle('font-size')), 24);

    },

    deemphasize: function(){

        this.clearTimer();

        this.custom(parseInt(this.el.getStyle('font-size')), 12);

		}

	});

  </script>

  <SCRIPT LANGUAGE="JavaScript">

/*

on precharge les images de substitution

*/

i1 = new Image;

i1.src = "28.jpg";

i2 = new Image;

i2.src = "28_jose.jpg";

i3 = new Image;

i3.src = "28_peter.jpg";

i4 = new Image;

i4.src = "28_dom.jpg";

i5 = new Image;

i5.src = "28_mika.jpg";

i6 = new Image;

i6.src = "28_nico.jpg";

i7 = new Image;

i7.src = "28_richard.jpg";

i8 = new Image;

i8.src = "28_stephanie.jpg";

</SCRIPT>

  <style>

  .cool {

		padding:12px;

		line-height:48px;

		background:transparent;

		font-size:12px;

		margin:auto;

		vertical-align:middle;

		color:#666;

		text-decoration:none;

	}

	.cool:hover {

		color:#000;

		background:none;

	}

	#nav {

		text-align:center;

	}

	h1 {

    text-align:center;

	}

  body {

	background-image: url(fond.png);

}

</style>

</head>



<body>

<table width="100%" border="0">

  <tr>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">

      <tr>

        <td width="700" height="500" valign="top"><div id="nav"> <a href="#" class="cool">Accueil</a><a href="#" class="cool">Bio</a><a href="#" class="cool">Press</a> <a href="videos.html" class="cool">Vid&eacute;os</a><a href="#" class="cool">Photos</a> <a href="#" class="cool">Le mur</a> <a href="contact.html" class="cool">Contact</a> <a href="#" class="cool">Bonus</a></div>

          <table width="100%" border="0" cellpadding="0" cellspacing="0">

            <tr>

              <td><table width="100%" border="0" cellpadding="0" cellspacing="0">

                <tr>

                  <td><img src="1.jpg" width="393" height="59" /></td>

                  <td><table width="100%" border="0" cellpadding="0" cellspacing="0">

                    <tr>

                      <td><img src="2.jpg" width="62" height="23" /></td>

                    </tr>

                    <tr>

                      <td><a href="#" onMouseOver="nomimage1.src=i6.src" onMouseOut="nomimage1.src='28.jpg'"><img src="3.jpg" width="62" height="36" border="0" /></a></td>

                    </tr>

                  </table></td>

                  <td><img src="4.jpg" width="245" height="59" /></td>

                </tr>

              </table></td>

            </tr>

            <tr>

              <td><table width="100%" border="0" cellpadding="0" cellspacing="0">

                <tr>

                  <td><img src="5.jpg" width="96" height="91" /></td>

                  <td><a href="bio_richard.html" rel="facebox" onMouseOver="nomimage1.src=i7.src" onMouseOut="nomimage1.src='28.jpg'"><img src="6.jpg" width="74" height="91" border="0" /></a></td>

                  <td><a href="bio_dom.html" rel="facebox" onMouseOver="nomimage1.src=i4.src" onMouseOut="nomimage1.src='28.jpg'"><img src="7.jpg" width="87" height="91" border="0" /></a></td>

                  <td><img src="8.jpg" width="136" height="91" /></td>

                  <td><table width="100%" border="0" cellpadding="0" cellspacing="0">

  <tr>

    <td><a href="bio_nico.html" rel="facebox" onMouseOver="nomimage1.src=i6.src" onMouseOut="nomimage1.src='28.jpg'"><img src="9.jpg" width="62" height="58" border="0" /></a></td>

  </tr>

  <tr>

    <td><a href="bio_nico.html" rel="facebox" onMouseOver="nomimage1.src=i6.src" onMouseOut="nomimage1.src='28.jpg'"><img src="10.jpg" width="62" height="33" border="0" /></a></td>

  </tr>

</table>

</td>

                  <td><a href="bio_mika.html" rel="facebox" onMouseOver="nomimage1.src=i5.src" onMouseOut="nomimage1.src='28.jpg'"><img src="11.jpg" width="113" height="91" border="0" /></a></td>

                  <td><img src="12.jpg" width="132" height="91" /></td>

                </tr>

              </table></td>

            </tr>

            <tr>

              <td><img src="13.jpg" width="393" height="39" /><img src="14.jpg" width="38" height="39" /><a href="bio_peter.html" rel="facebox" onMouseOver="nomimage1.src=i3.src" onMouseOut="nomimage1.src='28.jpg'"><img src="15.jpg" width="77" height="39" border="0" /></a><img src="16.jpg" width="60" height="39" /><img src="17.jpg" width="132" height="39" /></td>

            </tr>

            <tr>

              <td><table width="100%" border="0" cellpadding="0" cellspacing="0">

                <tr>

                  <td><img src="18.jpg" width="91" height="102" /></td>

                  <td><a href="bio_jose.html" rel="facebox" onMouseOver="nomimage1.src=i2.src" onMouseOut="nomimage1.src='28.jpg'"><img src="19.jpg" width="100" height="102" border="0" /></a></td>

                  <td><img src="20.jpg" width="36" height="102" /></td>

                  <td><a href="bio_stephanie.html" rel="facebox" onMouseOver="nomimage1.src=i8.src" onMouseOut="nomimage1.src='28.jpg'"><img src="21.jpg" width="128" height="102" border="0" /></a></td>

                  <td><img src="22.jpg" width="82" height="102" /></td>

                  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                    <tr>

                      <td><a href="bio_peter.html" rel="facebox" onMouseOver="nomimage1.src=i3.src" onMouseOut="nomimage1.src='28.jpg'"><img src="23.jpg" width="71" height="61" border="0" /></a></td>

                    </tr>

                    <tr>

                      <td><img src="24.jpg" width="71" height="41" /></td>

                    </tr>

                  </table></td>

                  <td><table width="100%" border="0" cellspacing="0" cellpadding="0">

                    <tr>

                      <td><img src="25.jpg" width="60" height="61" /></td>

                    </tr>

                    <tr>

                      <td><img src="26.jpg" width="60" height="41" /></td>

                    </tr>

                  </table></td>

                  <td><img src="27.jpg" width="132" height="102" /></td>

                </tr>

              </table></td>

            </tr>

            <tr>

              <td><IMG SRC="28.jpg" BORDER=0 HSPACE=0 VSPACE=0 NAME="nomimage1"><noscript><a href="http://www.editeurjavascript.com/">ajax</a></noscript>

                <div align="center">

                  <object type="application/x-shockwave-flash" data="dewplayer-multi.swf?mp3=mp3=mp3/1.mp3|mp3/2.mp3|mp3/3.mp3|mp3/4.mp3|mp3/5.mp3|mp3/6.mp3|mp3/7.mp3|mp3/8.mp3&amp;autostart=1&amp;autoreplay=1" width="240" height="20">

                    <param name="wmode" value="transparent" />

                    <param name="movie" value="dewplayer-multi.swf?mp3=mp3/1.mp3|mp3/2.mp3|mp3/3.mp3|mp3/4.mp3|mp3/5.mp3|mp3/6.mp3|mp3/7.mp3|mp3/8.mp3&amp;autostart=1&amp;autoreplay=1" />

                  </object>

                </div></td>

            </tr>

          </table></td>

      </tr>

    </table></td>

  </tr>

</table>

<script type="text/javascript">

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");

document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

</script>

<script type="text/javascript">

var pageTracker = _gat._getTracker("UA-4230547-1");

pageTracker._initData();

pageTracker._trackPageview();

</script>

</body>

</html>
Blue Star Investment
Répondre

Ecrire un message

Votre message vient d'être créé avec succès.
LoadingChargement en cours