5569 sujets

Sémantique web et HTML

Boutons se déplaçant en html4, pas en html5

Bonjour à tous et à chacun.
Voici un extrait de la page d'ouverture de mon site : "orguesauxerre.net" qui fonctionnait sous html4 mais dont les boutons du menu ne veulent plus se "bouger" depuis html5 !
Il y a 4 boutons : 2 + 2, superposés à l'ouverture de la page ; lorsque celle-ci commence à s'afficher, les deux boutons du dessus descendent pour se positionner sur la page et, les deux du dessous descendent également mais un peu moins vite.
Le problème est que tout fonctionnait parfaitement avant les nouvelles normes mais, que maintenant ils restent superposés en haut de la page.
Je n'ai rien changé à la programmation (qui vient d'un cours de programmation éprouvé).
J'ai essayé de comparer html4 et html5, je n'ai pas trouvé ce qui ne convenait plus.
Évidemment je pourrais opter pour une autre présentation, mais ce serait lâche de ne pas comprendre en quoi le code n'est pas correct !...
Je lirai avec plaisir vos commentaires et vous en remercie.
J-M

 ... <HEAD>
      <STYLE type="text/css">
         .rub1
            {
               font-family: Comic Sans MS;
	           font-size: 30px;
	           color: #FFCC00;
	           position: absolute;
	           top: 0px;
	           left: 500px;
	           visibility: visible;
	           z-index: 2; 
            }
        rub 2,3 et 4 identiques
         .texte
            {
               text-align: center;
	           font-family: Comic Sans MS;
	           font-size: 22px;
	           color: #FF6633;
	           position: absolute;
	           top: 500px;
	           left: 180px;
	           width: 700px;
	           visibility: hidden;
	           z-index: 1; 
            } 
      </STYLE>
      <SCRIPT LANGUAGE = "JavaScript">
         function affichobjet(objet)
            {
               objet.visibility = VISIBLE;
            }
         function cachobjet(objet)
            {
               objet.visibility = HIDDEN;
            }
         function glisserub1(from, to)
            {
               if (from < to)
	              {
		             voila.top = (from += 2);
			         setTimeout('glisserub1(' + from + ',' + to + ')', 100);
		          }
             }   
          function glisserub2, 3 et 4 identiques
         </SCRIPT>
 </HEAD>

   <BODY background=Images/Fond-195.jpg>
       <DIV ID = "voila" CLASS = "rub1"> <A HREF = "presentation.htm" onMouseOver = "affichobjet(texte1)" onMouseOut = "cachobjet(texte1)">
            Présentation</A><BR>
		 </DIV>
         <DIV ID = "lesite" CLASS = "rub2"> <A HREF = "lesite2.htm" onMouseOver = "affichobjet(texte2)" onMouseOut = "cachobjet(texte2)">Le 
            site </A><BR>
		 </DIV>
         <DIV ID = "quijesuis" CLASS = "rub3"> <A HREF = "quijesuis.htm" onMouseOver = "affichobjet(texte3)" onMouseOut = "cachobjet(texte3)">
            L'auteur</A><BR>
		 </DIV>
         <DIV ID = "avenir" CLASS = "rub4"> <A HREF = "avenir.htm" onMouseOver = "affichobjet(texte4)" onMouseOut = "cachobjet(texte4)">Le 
            futur </A><BR>
		 </DIV>
         <DIV ID = "texte1" CLASS = "texte"> Une présentation des orgues d'Auxerre 
		 </DIV>
         <DIV ID = "texte2" CLASS = "texte"> Une présentation du site des orgues d'Auxerre 
		 </DIV>
         <DIV ID = "texte3" CLASS = "texte"> Une pr&eacute;sentation de l'auteur des recherches et du site 
		 </DIV>
         <DIV ID = "texte4" CLASS = "texte"> Une &eacute;vocation de ce que sera peut-&ecirc;tre le futur des orgues 
		 </DIV>
		  <SCRIPT LANGUAGE = "JvaScript">
	     glisserub1(0,180);
         glisserub2(0,180);
         glisserub3(0,320);
         glisserub4(0,320);
	  </SCRIPT>		 

   </BODY>
</HTML>
Modérateur
Salut,

C'est ton code exact ?

Les balises en majuscule c'est violent... et les espaces de chaque coté des = 
ID = "voila" CLASS = "rub1"

C'est entre violent et illisible... je sais même pas si c'est légal... Smiley lol même la coloration syntaxique en chie.

Pour les script js on a juste besoin de mettre :
<script>
// le code Js
</script>

https://www.w3schools.com/tags/tag_script.asp

Et ton dernier script tu as marqué "JvaScript". En dehors du "a" manquant on écrit plutot :
<script type="text/javascript"> si tu veux vraiment mettre le type
Sujet clos
Aller à