01net    Web


Actuellement en ligne : 220 Utilisateurs dont 9 dans Programmation et développement >S'inscrire      >S'identifier      >Recherche      >Aide  
modéré par A.Ouloube, Beno@  
01net > Forum de 01net > Programmation et développement > HTML / Javascript
> Probleme de layer dans Firefox
Auteur
Message
 
<     1       >
harknoia
  
  :-)
      ?   @     Posté le 09/01/2006 14:15:53  
Voter pour ce message
Bonjour,

J'ai un soucis, je viens de developper un petit site tout simple en html,
et je me retrouve confronté a un soucis majeur avec firefox.
Mon menu (fait de layer) ne s'affiche plus correctement (décalement de celui ci).

Voici un bout de mon code :

<div style="position: absolute; top: 0.5px; left: 50px;">
<p><A HREF="main.html" target=main onMouseOver="act('sommaire')"onMouseOut="inact('sommaire')"> <IMG SRC="gfx/sommaire.png" NAME="sommaire" BORDER="0" ></A><BR>
</div>

Si qqun a une idée merci de me le dire, je n'ai pas envie de refaire tout mon site.
nadmin
  
  Groupe :  Equipe 01net
   
      ?   @     Posté le 09/01/2006 15:42:12  
Voter pour ce message
Salut,
le code serait visible en ligne ?
ça aiderait parce que là juste une partie... c'est pas évident...
d'autre part : 0.5px >>> tu mets 0 ou 1 mais pas un demi pixel ;)

@++
harknoia
  
  :-)
      ?   @     Posté le 09/01/2006 15:49:20  
Voter pour ce message
Non non je t'assure 0.5 pixel ca marche, sinon je suis décalé (viens d'essayer).
Pour ce qui est du code, le voici :

________________________________________________________________________________
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--

if (document.images) {
var sommairef = new Image();
sommairef.src = "gfx/sommaire.png";
var sommaireo = new Image();
sommaireo.src = "gfx/sommaire2.png";

var leclubf = new Image();
leclubf.src = "gfx/leclub.png";
var leclubo = new Image();
leclubo.src = "gfx/leclub2.png";

var animationf = new Image();
animationf.src = "gfx/animation.png";
var animationo = new Image();
animationo.src = "gfx/animation2.png";

var galerief = new Image();
galerief.src = "gfx/galerie.png";
var galerieo = new Image();
galerieo.src = "gfx/galerie2.png";

var calendrierf = new Image();
calendrierf.src = "gfx/calendrier.png";
var calendriero = new Image();
calendriero.src = "gfx/calendrier2.png";

var tutorialf = new Image();
tutorialf.src = "gfx/tutorial.png";
var tutorialo = new Image();
tutorialo.src = "gfx/tutorial2.png";
}

function act(imgName) {
if (document.images)
document[imgName].src = eval(imgName + "o.src");
}

function inact(imgName) {
if (document.images)
document[imgName].src = eval(imgName + "f.src");
}

// -->
</SCRIPT>

</HEAD>
<BODY background="gfx/top.gif" >


<div style="position: absolute; top: 0.5px; left: 50px;">
<p><A HREF="main.html" target=main onMouseOver="act('sommaire')"onMouseOut="inact('sommaire')"> <IMG SRC="gfx/sommaire.png" NAME="sommaire" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0.5px; left: 318px;">
<p><A HREF="leclub.htm" target=main onMouseOver="act('leclub')"onMouseOut="inact('leclub')"> <IMG SRC="gfx/leclub.png" NAME="leclub" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0.5px; left: 189px;">
<p><A HREF="animations.htm" target=main onMouseOver="act('animation')"onMouseOut="inact('animation')"> <IMG SRC="gfx/animation.png" NAME="animation" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0.5px; left: 448px;">
<p><A HREF="galerie.htm" target=main onMouseOver="act('galerie')"onMouseOut="inact('galerie')"> <IMG SRC="gfx/galerie.png" NAME="galerie" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0.5px; left: 577px;">
<p><A HREF="calendrier/calendrier.pdf" target=main onMouseOver="act('calendrier')"onMouseOut="inact('calendrier')"> <IMG SRC="gfx/calendrier.png" NAME="calendrier" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0.5px; left: 705px;">
<p><A HREF="tutorial.htm" target=main onMouseOver="act('tutorial')"onMouseOut="inact('tutorial')"> <IMG SRC="gfx/tutorial.png" NAME="tutorial" BORDER="0" ></A><BR>
</div>
</BODY>
</HTML>
________________________________________________________________________________

ce serais sympa de trouver une soluce car je n'ai vraiment pas envie de tout refaire.
nadmin
  
  Groupe :  Equipe 01net
   
      ?   @     Posté le 09/01/2006 16:21:54  
Voter pour ce message
Ok, ça vient de tes balises <p> ;)

soit tu les dégages, soit tu fous des margin et padding à 0 en CSS genre :

P{margin:0px;padding:0px;}

@++
harknoia
  
  :-)
      ?   @     Posté le 09/01/2006 16:37:48  
Voter pour ce message
Merci, il y a un léger mieux, mais ce n'est pas encore ca sous firefox.

nadmin
  
  Groupe :  Equipe 01net
   
      ?   @     Posté le 09/01/2006 16:39:50  
Voter pour ce message
c'est quoi ton soucis ?
fais un screenshot IE vs FF ;)

@+
harknoia
  
  :-)
      ?   @     Posté le 09/01/2006 16:45:30  
Voter pour ce message
Arf j'ai mis 0 en position et la ca fonctionne sous les deux :)
c beau la technologie de pointe !!!
harknoia
  
  :-)
      ?   @     Posté le 09/01/2006 16:46:55  
Voter pour ce message
J'avais encore un décalage :/
voici le nouveau code qui fonctionne :
________________________________________________________________________________
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--

if (document.images) {
var sommairef = new Image();
sommairef.src = "gfx/sommaire.png";
var sommaireo = new Image();
sommaireo.src = "gfx/sommaire2.png";

var leclubf = new Image();
leclubf.src = "gfx/leclub.png";
var leclubo = new Image();
leclubo.src = "gfx/leclub2.png";

var animationf = new Image();
animationf.src = "gfx/animation.png";
var animationo = new Image();
animationo.src = "gfx/animation2.png";

var galerief = new Image();
galerief.src = "gfx/galerie.png";
var galerieo = new Image();
galerieo.src = "gfx/galerie2.png";

var calendrierf = new Image();
calendrierf.src = "gfx/calendrier.png";
var calendriero = new Image();
calendriero.src = "gfx/calendrier2.png";

var tutorialf = new Image();
tutorialf.src = "gfx/tutorial.png";
var tutorialo = new Image();
tutorialo.src = "gfx/tutorial2.png";
}

function act(imgName) {
if (document.images)
document[imgName].src = eval(imgName + "o.src");
}

function inact(imgName) {
if (document.images)
document[imgName].src = eval(imgName + "f.src");
}

// -->
</SCRIPT>

</HEAD>
<BODY background="gfx/top.gif" >


<div style="position: absolute; top: 0px; left: 50px;">
<A HREF="main.html" target=main onMouseOver="act('sommaire')"onMouseOut="inact('sommaire')"> <IMG SRC="gfx/sommaire.png" NAME="sommaire" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0px; left: 318px;">
<A HREF="leclub.htm" target=main onMouseOver="act('leclub')"onMouseOut="inact('leclub')"> <IMG SRC="gfx/leclub.png" NAME="leclub" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0px; left: 189px;">
<A HREF="animations.htm" target=main onMouseOver="act('animation')"onMouseOut="inact('animation')"> <IMG SRC="gfx/animation.png" NAME="animation" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0px; left: 448px;">
<A HREF="galerie.htm" target=main onMouseOver="act('galerie')"onMouseOut="inact('galerie')"> <IMG SRC="gfx/galerie.png" NAME="galerie" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0px; left: 577px;">
<A HREF="calendrier/calendrier.pdf" target=main onMouseOver="act('calendrier')"onMouseOut="inact('calendrier')"> <IMG SRC="gfx/calendrier.png" NAME="calendrier" BORDER="0" ></A><BR>
</div>

<div style="position: absolute; top: 0px; left: 705px;">
<A HREF="tutorial.htm" target=main onMouseOver="act('tutorial')"onMouseOut="inact('tutorial')"> <IMG SRC="gfx/tutorial.png" NAME="tutorial" BORDER="0" ></A><BR>
</div>
</BODY>
</HTML>
________________________________________________________________________________
Boulet (from hell)
:D
nadmin
  
  Groupe :  Equipe 01net
   
      ?   @     Posté le 09/01/2006 17:16:08  
Voter pour ce message
harknoia a écrit :
Arf j'ai mis 0 en position et la ca fonctionne sous les deux :)
c beau la technologie de pointe !!!



Qu'est ce qu'il avait dis le monsieur :p
harknoia
  
  :-)
      ?   @     Posté le 09/01/2006 17:20:56  
Voter pour ce message
Ben que 0.5 ca marchait pas, ce qui n'est pas vrai, techniquement ca fonctionne.
:D

A pluche (les patates pour ce soir)... :whistle:

Et tout de même une grande ovation :youpi: :youpi: :youpi: a mon sauveur
M. Tary
nadmin
  
  Groupe :  Equipe 01net
   
      ?   @     Posté le 09/01/2006 17:29:05  
Voter pour ce message
Y'a pas de quoi :jap:

sinon, c'est pas techniquement mais "théoriquement" :p
jeromed1
  
   
      ?   @     Posté le 10/11/2006 11:03:10  
Voter pour ce message
Bonjour,

J'ai un problème avec le code suivant :

<tr>
<td nowrap onMouseOver="afficheCalque('Comediens')" onMouseOut="cacheCalque('Comediens')">&nbsp;</td>
</tr>
<tr>
<td width="95%" bordercolor="0" onmouseover="afficheCalque('Comediens')" onmouseout="cacheCalque('Comediens')"><div align="right">Comediens <img width="13" height="13" src="images/fleche.gif"> </div></td>
<td nowrap width="5%" onMouseOver="afficheCalque('Comediens')" onMouseOut="cacheCalque('Comediens')"><div id="Comediens" onMouseOver="afficheCalque('Comediens')" onMouseOut="cacheCalque('Comediens')" class="divListe">
<a href='./compagnie.php?page=entrepriseCulturelle&id_personne=14'>Mr X</a><br>
<a href='./compagnie.php?page=entrepriseCulturelle&id_personne=17'>Colonel moutarde</a><br>
<a href='./compagnie.php?page=entrepriseCulturelle&id_personne=9'>Melle Rose</a><br>
</div></td>
</tr>

Lorsque je survole la cellule, sous IE, ça m'affiche bien ce qu'il faut.
Quand je le fais avec firefox, ça ne fonctionne pas.

Pourquoi ?

Merci de votre aide,
alaurent
  
   
      ?   @     Posté le 25/07/2007 11:07:54  
Voter pour ce message
jeromed1 a écrit :
Bonjour,

J'ai un problème avec le code suivant :

<tr>
<td nowrap onMouseOver="afficheCalque('Comediens')" onMouseOut="cacheCalque('Comediens')">&nbsp;</td>
</tr>
<tr>
<td width="95%" bordercolor="0" onmouseover="afficheCalque('Comediens')" onmouseout="cacheCalque('Comediens')"><div align="right">Comediens <img width="13" height="13" src="images/fleche.gif"> </div></td>
<td nowrap width="5%" onMouseOver="afficheCalque('Comediens')" onMouseOut="cacheCalque('Comediens')"><div id="Comediens" onMouseOver="afficheCalque('Comediens')" onMouseOut="cacheCalque('Comediens')" class="divListe">
<a href='./compagnie.php?page=entrepriseCulturelle&id_personne=14'>Mr X</a><br>
<a href='./compagnie.php?page=entrepriseCulturelle&id_personne=17'>Colonel moutarde</a><br>
<a href='./compagnie.php?page=entrepriseCulturelle&id_personne=9'>Melle Rose</a><br>
</div></td>
</tr>

Lorsque je survole la cellule, sous IE, ça m'affiche bien ce qu'il faut.
Quand je le fais avec firefox, ça ne fonctionne pas.

Pourquoi ?

Merci de votre aide,


Bonjour

je viens de trouver votre sujet sur Firefox, j'ai le même soucis avez vous réussi à le résoudre ?

Merci
<     1       >

01net > Forum de 01net > Programmation et développement > HTML / Javascript
> Probleme de layer dans Firefox

Aller à :

Page générée en : 0.264s - X2board 2.2

Nous contacter | Charte de confiance | Voir notice légale

Tous droits réservés © 1999 - 2008 Groupe Tests - 01net.


Sites du réseau 01net Network : 01net - 01men - Rmc.fr - Bfmtv.fr - Radiobfm.com - TousLesPodcasts - Micro Achat

Antivirus
La protection familiale de référence contre les virus, les logiciels espions et le vos d'informations.
50 ans de la Nasa
Retour en images sur l'épopée spatiale de la National Aéronautics and Space Administration