Décalages sur firefox
Décalages sur firefox - HTML/CSS - Programmation
Marsh Posté le 26-11-2007 à 18:25:44
Ouf le chaos que c'est ton code 
Imageready je suis pas certain que ca soit le bon truc à utiliser... si t'as tes images bien séparées, utilise les de manière brute afin de refaire ton tableau plus simplement et plus proprement.
Surtout que ta page semble relativement simple 
Marsh Posté le 26-11-2007 à 18:31:54
| startide a écrit : Ouf le chaos que c'est ton code |
Tout d'abord merci pour ta réponse startide! Le problème c'est qu'on nous a demandé de faire la maquette sous photoshop et d'utiliser imageready pour la découpe... je suis complètement perdu là 
Marsh Posté le 26-11-2007 à 18:34:28
Après un rapide coup d'oeil (très rapide j'ai pas trop le temps là) : Refais ta page avec un tableau à trois colonnes
celle de gauche : ton menu, celle du milieu ton contenu, et celle de droite pour ton trait noir.
En haut tu fusionnes les trois colonnes pour ta première ligne et caler ta bannière.
Ensuite pour ton menu à gauche tu prends une cellule, tu mets un tableau dedans avec deux colonnes : une pour le trait noir, fusionnée et l'autre avec autant de ligne que t'as de boutons à afficher.
C'est pas l'idéal, mais en décomposant le tout tu devrais mieux t'en sortir !
Marsh Posté le 26-11-2007 à 22:06:26
Je dois être vraiment nul mais j'ai tout essayé, rien à faire
Marsh Posté le 27-11-2007 à 10:21:41
Mets tes fichiers image à dispo qq part, ainsi qu'une copie d'écran de la gueule que ca devrait faire, je téléchargerais el tout et je tenterais de te le faire (si je trouve le temps).
Marsh Posté le 27-11-2007 à 15:28:31
| startide a écrit : Mets tes fichiers image à dispo qq part, ainsi qu'une copie d'écran de la gueule que ca devrait faire, je téléchargerais el tout et je tenterais de te le faire (si je trouve le temps). |
J'ai enfin réussi à m'en sortir en faisant un menu horizontal, mais merci beaucoup de t'être proposé pour m'aider startide...et désolé de t'avoir dérangé avec ça
@+
Message édité par bill752 le 27-11-2007 à 15:28:49
Marsh Posté le 27-11-2007 à 16:52:47
Si ca m'avait dérangé j'aurais été très con de m'être proposé 
Content que tu t'en sois tiré par toi même néanmoins, c'est comme ca qu'on s'améliore
Sujets relatifs:
- firefox et php
- largeur des DIV sous firefox [ Resolu ]
- Recuperer barre d'adresse firefox C#
- Problème de menu en cascade avec Firefox
- [Ajax] Pb sous firefox de xhr_objet.open et responseText
- Probèmes fond IE/Firefox
- Cadre fixe sous IE décalé sous firefox
- Bug avec MediaPlayer embedded et IFRAMES sous Firefox
- [D7] Exporter les signets de FireFox ?
- Prob d'affichage site sous IE7 (OK avec Firefox, Opera...)
Marsh Posté le 26-11-2007 à 18:15:04
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>