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 :
si on utilise une feuille de style decrivant le ID "img1" impossible d'acc�der simplement au top pour le modifier.
Code : S�lectionner tout - Visualiser dans une fen�tre � part <img id="img1" src="xx.gif" style="top:50px">
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 :
ma page est conforme mais les animations Javascript qui manipulent les param�tres de style ne fonctionnent plus.
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">
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 :
Si vous avez une id�e, merci d'avance
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" >
Partager