Bonjour,
Voilà dans le cadre d'un exercice, il nous est demandé de réalisé un site internet sur
Dreamweaver en utilisant seulement des tableaux pour positionner textes et images...Il
faut que ce site soit compatible sur Mac et Safari... J'ai donc découpé la maquette avec
Imageready et fait mon site mais Le problème c'est que je n'ai pas pensé à vérifier au
fur et à mesure la compatibilité sur firefox alors je me suis rendu compte seulement à la
fin que le site passait nickel sur safari mais que les menus étaient complètement décalés
sur firefox...et comme je suis complètement novice, je ne sais plus du tout quoi faire
(j'ai l'impression que cela vient du tableau de ma zone texte, puisqu'au bout d'une
certaine hauteur, tout se décale sur firefox). Je poste les deux captures d'écran et le
code de la page si quelqu'un passait par ici et aurait le temps de jeter un coup d'oeil.
Merci.
[URL=http://imageshack.us][IMG]
http://img118.imageshack.us/img118 [...] foxcj4.jpg[/IMG][/URL]
[URL=http://imageshack.us][IMG]
http://img260.imageshack.us/img260 [...] ariyy6.jpg[/IMG][/URL]
<html>
<head>
<title>Francofolies 2008</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#" )!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-
2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;
x.src=a[i+2];}
}
//-->
</script>
<meta name="keywords" content="francofolies, festival, la rochelle, musique, foulquier">
<meta name="description" content="Information et programmation de ce festival de musique
francophone">
<meta name="language" content="fr">
<style type="text/css">
<!--
body {
background-color: #930000;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
onLoad="MM_preloadImages
('images/bouton_over_historique.gif','images/bouton_over_agenda.gif','images/bouton_over_
galeries.gif','images/bouton_over_pratique.gif','images/bouton_over_contact.gif','images/
bouton_over_home.gif')">
<!-- ImageReady Slices (TEST!.psd) -->
<table width="1025" height="768" border="0" align="center" cellpadding="0"
cellspacing="0" id="Tableau_01">
<tr>
<td width="48" height="768" rowspan="12" bgcolor="#930000"> </td>
<td colspan="5">
<img src="images/header.gif" width="922" height="225"
alt=""></td>
<td width="54" height="768" rowspan="12" bgcolor="#930000"> </td>
<td>
<img src="images/spacer.gif" width="1" height="225" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/indexsite_04.gif" width="231" height="34"
alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/bas_header_historique.gif" width="667"
height="76" alt=""></td>
<td width="24" height="515" rowspan="10" bgcolor="#000000"> </td>
<td>
<img src="images/spacer.gif" width="1" height="34" alt=""></td>
</tr>
<tr>
<td width="12" height="481" rowspan="9" bgcolor="#000000"> </td>
<td rowspan="2"><a href="index.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image29','','images/bouton_over_home.gif',1)"><img
src="images/bouton_home.gif" name="Image29" width="219" height="46" border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td width="58" height="439" rowspan="8" bgcolor="#000000"> </td>
<td width="609" height="424" rowspan="7" bgcolor="#CDC6C3">
<table width="561" border="0" align="center">
<tr>
<td width="555" height="697"><p>Les premières Francofolies de La
Rochelle naissent en 1985, Jean-Louis Foulquier en est l'instigateur et créateur.
De La Rochelle à Blagoevgrad (Bulgarie) en passant par Berlin (Allemagne), Buenos
-Aires (Argentine), Nendaz (Suisse) ou encore Montréal (Québec) et Spa
(Belgique), durant plusieurs années et toujours aujourd'hui les Francofolies ont
développé une personnalité marquée, liée à des
valeurs culturelles et conviviales. Ce festival possède aujourd'hui une
notoriété qui n'est pas seulement due à sa longévité
mais repose sur une passion artistique de tous les instants: faire connaître et
diffuser les musiques actuelles auprès d'un large public... Six jours et six nuits
au coeur d'une ville "belle et rebelle" où s'investissent la musique et
la fête.</p>
<p>On peut remarquer dans la programmation des vingt dernières
années que certains artistes tels que Patricia Kaas, Patrick Bruel ou Liane Foly
sont passés par des salles de petite et moyenne capacité avant d'exploser
quelques années plus tard sur l'esplanade Saint-Jean d'Acre.</p>
<p> </p>
<p>En 1995, les Francofolies créent un nouveau festival dans le
festival: les HIP HOP FOLIES. Comme son nom l'indique, celui-ci est consacré
à la musique dite urbaine: <br>
hip-hop et rap. Cette histoire durera 10 ans ponctuée par un
DVD spécial. </p>
<table width="559" height="81" border="0">
<tr>
<td width="431"><p>En 2004, les Francofolies de La Rochelle
fêtent leur 20ème édition et Jean-Louis Foulquier passe la main en
janvier 2005 à Morgane Production.</p>
<p>L'année 2006 marque la première édition des
FRANCOS JUNIORS: une programmation jeune public à découvrir en famille
durant trois jours.</p>
<p>En 2007 a lieu la première édition de MES
PREMIERES FRANCOS: une scène qui se doit d'être considérée
comme la<br>
vitrine de la relève. Ainsi on y retrouve les jeunes talents de la "nouvelle
scène francophone".
</p>
</p></td>
<td width="114"><img src="images/francoaffiche2004.jpg" width="112"
height="167" border="1"></td>
</tr>
</table>
<p> </p>
</td>
</tr>
</table>
<p> </p>
</td>
<td>
<img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td><img src="images/bouton_historique.gif" name="Image24" width="219"
height="46" border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td><a href="agenda.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image25','','images/bouton_over_agenda.gif',1)"><img
src="images/bouton_agenda.gif" name="Image25" width="219" height="45"
border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="45" alt=""></td>
</tr>
<tr>
<td><a href="galeries.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image26','','images/bouton_over_galeries.gif',1)"><img
src="images/bouton_galeries.gif" name="Image26" width="219" height="47"
border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="47" alt=""></td>
</tr>
<tr>
<td><a href="pratique.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image27','','images/bouton_over_pratique.gif',1)"><img
src="images/bouton_pratique.gif" name="Image27" width="219" height="44"
border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="44" alt=""></td>
</tr>
<tr>
<td><a href="contact.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('Image28','','images/bouton_over_contact.gif',1)"><img
src="images/bouton_contact.gif" name="Image28" width="219" height="48"
border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="48" alt=""></td>
</tr>
<tr>
<td width="219" height="205" rowspan="2" bgcolor="#A19275"> </td>
<td>
<img src="images/spacer.gif" width="1" height="190" alt=""></td>
</tr>
<tr>
<td width="609" height="15" bgcolor="#000000">
<img src="images/spacer.gif" width="609" height="15" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/bas1.gif" width="289" height="28" alt=""></td>
<td colspan="2">
<img src="images/bas2.gif" width="633" height="28" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Content que tu t'en sois tiré par toi même néanmoins, c'est comme ca qu'on s'améliore