Après de multiples tatonnements et quelques post sur ce forum, j'ai réussi à faire ce que je voulais avec CSS Javascript et le HTML et suis arrivé à cette conclusion :

pour pouvoir modifier le style d'un div ou autre Img, il faut l'initialiser dans la page HTML :

ex :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<img id="img1" src="xx.gif" style="top:50px">
si on utilise une feuille de style decrivant le ID "img1" impossible d'accéder simplement au top pour le modifier.

me gourre-je ?

MON NOUVEAU PROBLEME ! :

Après être passé chez un ami qui utilise un Mac, je me suis aperçu que ma page ne s'affichait pas du tout (son navigateur affiche carrement le code HTML).

J'ai donc repris ma pelle et ma pioche pour rendre ma page valide avec le validateur W3C.

resultat : j'ai corrigé quelques erreurs et me retrouve dans la situation suivante :

avec la définition :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
ma page est conforme mais les animations Javascript qui manipulent les paramètres de style ne fonctionnent plus.

si je désactive la définition DOCTYPE : ma page fonctionne parfaitement sous IE ou Firefox.

il doit y avoir un problème dans l'entete de page !

mais je ne sais pas ou creuser !

ci-dessous le debut de la page en question :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" >
<meta http-equiv="Content-script-type" content="text/javascript" >
<meta http-equiv="Content-style-type" content="text/css" >
<meta http-equiv="Content-language" content="fr" >
<script language="javascript" type="text/javascript" src="plus.js"></script>
<title>xxx</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" >
Si vous avez une idée, merci d'avance