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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Déplacer une image - Pbr avec Firefox + Doctype [RESOLU]

IvanleFou

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

Publicité

FlorentG

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

IvanleFou

la -> http://openweb.eu.org/articles/html_au_xhtml/

Toute maniere ca passe au validator

plainsofpain

Pingouino's lover

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

IvanleFou

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

plainsofpain

Pingouino's lover

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

FlorentG

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;
}

IvanleFou

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

afbilou

pouet your life

* 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

masklinn

í dag viðrar vel til loftárása

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

Publicité

IvanleFou

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:

IvanleFou

masklinn a écrit :

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:

FlorentG

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

IvanleFou

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?

masklinn

í dag viðrar vel til loftárása

IvanleFou a écrit :

nein

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

IvanleFou

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

masklinn

í dag viðrar vel til loftárása

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
[ASP] bouton fonctionnant sous IE mais pas sous Firefox	[Résolu] Ouvrir un formulaire access
RESOLU - Récuperer le texte de la valeur d'une combobox RESOLU	charge une image bmp dans un tableau 2D en C++
xsl:import avec Firefox	[Résolu]probleme de requete sql
clé étrangère avec MySQL [RESOLU]	activation d'une requete sql a partir d'un clik sur image...
[Résolu]Variables non reconnues sous easy php	[easyphp] Rendre accessible le serveur depuis un réseau local [résolu]
Plus de sujets relatifs à : Déplacer une image - Pbr avec Firefox + Doctype [RESOLU]

Page générée en 0.078 secondes