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

---------------
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 by throwing away the limits imposed by overbearing genetic regulations? Isn't that a good thing?

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

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

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.088 secondes