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

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 :

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

Et le javascript qui va avec:

Code :

function init_pos()
{
document.getElementById("a" ).style.top = 50;
document.getElementById("a" ).style.left = 50;
return true;
}

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ù ?

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

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 :

<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 :

function init_pos()
{
document.getElementById("a" ).style.top = 50;
document.getElementById("a" ).style.left = 50;
return true;
}

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

Code :

function init_pos()
{
document.getElementById("a" ).style.top = "50px";
document.getElementById("a" ).style.left = "50px";
return true;
}

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

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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

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:

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

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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

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

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

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

Sujets relatifs:

Leave a Replay