Déplacer une image - Pbr avec Firefox + Doctype [RESOLU]

Déplacer une image - Pbr avec Firefox + Doctype [RESOLU] - HTML/CSS - Programmation

Marsh Posté le 26-05-2005 à 15:30:27    

Bonjour,
 
J'ai resorti un vieux script qui marchait bien sous IE et Firefox. J'essais de le mettre a jour avec les nouvelles normes. Qd je spécifie le Doctype ca ne marche plus sous firefox. :heink: et ca continue a marcher sous IE.
 
Le code HTML:

Code :
  1. <?xml version="1.0" encoding="iso-8859-1"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  4.   <head>
  5.     <title>aa</title>
  6.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></meta>
  7.     <script type="text/javascript" src="zz.js"></script>
  8.   </head>
  10.   <body onload="javascript:init_pos()">
  11.     <div>
  12.       <img id="a" src="image.gif" alt="pic" style="z-index:1; position:absolute;"></img>
  13.     </div>
  14.   </body>
  15. </html>


Et le javascript qui va avec:

Code :
  1. function init_pos()
  2. {
  3.   document.getElementById("a" ).style.top  = 50;
  4.   document.getElementById("a" ).style.left = 50;
  6.   return true;
  7. }


 
Le script est tout simple, lorsque la page se charge elle déplace l'image de 50pxl vers la droite et le bas.
 
C'est koi le soucis à votre avis :??:  
 
Note: le script passe au W3C validator


Message édité par IvanleFou le 26-05-2005 à 16:19:02
Reply

Marsh Posté le 26-05-2005 à 15:30:27   

Reply

Marsh Posté le 26-05-2005 à 15:35:25    

Et le <img></img>, t'as vu ça où ? :D

Reply

Marsh Posté le 26-05-2005 à 15:38:53    

la -> http://openweb.eu.org/articles/html_au_xhtml/
 
Toute maniere ca passe au validator :o

Reply

Marsh Posté le 26-05-2005 à 15:46:42    

Citation :

Vous pourriez effectivement vous mettre à coder des <br></br> ou des <img></img>, mais un telle pratique est déconseillée puisqu'il est possible que cela produise des résultats inattendus dans certains butineurs


 
On peut, mais c'est déconseillé. Il est recommendé de mettre :
 

Code :
  1. <img src="" alt="" title="" />


 
Edit : c'est aussi valable pour tes méta.


Message édité par plainsofpain le 26-05-2005 à 15:48:35

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 26-05-2005 à 16:03:11    

Bon j'ai changé. cela dit le problème ne vient pas de la.
 
En supprimant la ligne n°2 du HTML (le doctype) ca marche sous firefox et avec marche plus :(

Reply

Marsh Posté le 26-05-2005 à 16:04:43    

ton doctype, met le sur une ligne ...


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 26-05-2005 à 16:06:01    

IvanleFou a écrit :

Code :
  1. function init_pos()
  2. {
  3.   document.getElementById("a" ).style.top  = 50;
  4.   document.getElementById("a" ).style.left = 50;
  6.   return true;
  7. }



Regarde : t'essaye de mettre 50 dans top et left. Mais 50 quoi ? Bananes ? Oranges ? :D
 

Code :
  1. function init_pos()
  2. {
  3.   document.getElementById("a" ).style.top  = "50px";
  4.   document.getElementById("a" ).style.left = "50px";
  6.   return true;
  7. }

Reply

Marsh Posté le 26-05-2005 à 16:06:52    

Il est sur une seule ligne. C'est le cadre sur le forum qui est pas assez large.

Reply

Marsh Posté le 26-05-2005 à 16:06:57    

*   document.getElementById("a" ).style.top  = "50px";
*   document.getElementById("a" ).style.left = "50px";
 
Edit : avais po vu le post de FlorentG O_O
 
Edit 2 : Avais po vu ... parce ke posté en meme temps en fait :D


Message édité par afbilou le 26-05-2005 à 16:11:06
Reply

Marsh Posté le 26-05-2005 à 16:07:02    

La première doit être enlevée: c'est un prologue XML, il peut être présent sur les fichiers XML et ceux servis comme application/xhtml+xml, mais pas sur les fichiers servis comme text/html
 
META est un élément vide, donc remplacer </meta> par une closure sur l'élément ouvrant
Le body onload est inutile, dans le fichier javascript ajouter:

window.onload = init_pos


dégager le style inline de l'image pour créer un CSS indépendant


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Marsh Posté le 26-05-2005 à 16:07:02   

Reply

Marsh Posté le 26-05-2005 à 16:09:50    

FlorentG > bien joué :jap:  
 
J'aurai jamais pensé à ca, à part des pixels je vois pas ce que ca pourrait être. bref ca me semblait evident.
 
Merci :jap:  
 
 
PS: t'as vu j'ai fait des efforts pour te mettre les guillemets :whistle:  :D

Reply

Marsh Posté le 26-05-2005 à 16:11:38    

masklinn a écrit :

La première doit être enlevée: c'est un prologue XML, il peut être présent sur les fichiers XML et ceux servis comme application/xhtml+xml, mais pas sur les fichiers servis comme text/html
 
META est un élément vide, donc remplacer </meta> par une closure sur l'élément ouvrant
Le body onload est inutile, dans le fichier javascript ajouter:

window.onload = init_pos


dégager le style inline de l'image pour créer un CSS indépendant


 
Bien chef je m'y attelle  :jap:

Reply

Marsh Posté le 26-05-2005 à 16:13:11    

IvanleFou a écrit :

J'aurai jamais pensé à ca, à part des pixels je vois pas ce que ca pourrait être.


%, em, ex, pt, px, in, cm, mm, pc :D

Reply

Marsh Posté le 26-05-2005 à 16:16:15    

Ah ouais ya tout ca :ouch:  erf :sweat:  
 
p'tite question encore: quelle est la difference entre document.onload = init_pos et window.onload = init_pos
 
Document et window ne désignent pas la meme chose?

Reply

Marsh Posté le 26-05-2005 à 16:20:48    

IvanleFou a écrit :

Ah ouais ya tout ca :ouch:  erf :sweat:  
 
p'tite question encore: quelle est la difference entre document.onload = init_pos et window.onload = init_pos
 
Document et window ne désignent pas la meme chose?


nein


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Marsh Posté le 26-05-2005 à 17:01:27    

window désigne le cadre et document le contenu de la fenêtre [:autobot]


Message édité par IvanleFou le 26-05-2005 à 17:01:35
Reply

Marsh Posté le 26-05-2005 à 17:13:53    

IvanleFou a écrit :

window désigne le cadre et document le contenu de la fenêtre [:autobot]


http://www.quirksmode.org/?viewport/experiments.html


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed