High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

[HTML] images survolées...

Dernière réponse le 24 jun 2004 à 12:40:52 liegeus, le 24 jun 2004 à 11:30:21 
 Signaler ce message aux modérateurs

Bonjour

il n'est pas possible de mettre plusieurs fois la même image survolée dans une page html ????
je met sans une page la ligne :

<p align="center">
<a href="#htp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','images/haut_page.gif',1)"><img src="images/haut_page0.gif" name="Image12" width="39" height="30" border="0">
</a>
</p>
si je la met une fois, je sauve, j'ouvre ma page avec IE, ça marche, puis si je remet cette ligne plus bas dans ma page, je resauve, je retest avec IE et là, les img survolées ne marchent plus, ils n'y a que la première...

quelqu'un peut il m'aider sur ce problème ?

MERCI

PS je travail avec dreamweaver

Meilleures réponses pour « [HTML] images survolées... » dans :
[Word] Image de fond VoirIl est possible sous Microsoft Word d'afficher une image en arrière-plan dans un document en cliquant sur le menu Format, puis sur Arrière-Plan et enfin sur Motifs et textures. Dans l'onglet Image, cliquer sur le bouton "Sélectionner une image"....
Les images ne s'affichent pas sur le site VoirDans une page web, les images sont spécifiées grâce à la balise IMG, avec la notation suivante : Les formats d'images supportés sur le web sont les formats GIF, JPG et PNG. Le format BMP n'est pas supporté par les...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...
Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...
Posez votre question Répondre

1

HackTrack, le 24 jun 2004 à 11:32:06

Envoie le code complet de ta page et de ton script

   
Répondre à HackTrack

2

liegeus, le 24 jun 2004 à 11:42:46

Je veux bien mais ça prend de la place. j'ai remplacé ce qui est pas nécessaire par de étoiles.voilà :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>NOTRE SOCIETE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
a:link {
color: #000000;
}
a:visited {
color: #FF66FF;
}
.Style1 {
color: #66CCFF;
font-weight: bold;
}
body,td,th {
color: #000000;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
******************
</script>
</head>

<body background="images/fond.gif" onLoad="MM_preloadImages('images/haut_page.gif')">
<TABLE width=100% border=0><!--DWLayoutTable-->
<TBODY>
<TR vAlign=top>
<TD width=245 height="3" rowSpan=3><img src="/spacer.gif" alt="" width="245" height="1">
<p><BR>
<p><BR></p>
<div id="Layer1" style="position:absolute; width:227px; height:412px; z-index:-1; border: 1px none #000000; left: 20px; top: 29px; background-image: url(images/fondmenu.JPG);"></div>
<UL>
******************
******************
******************
******************
</UL>
</p>
<p><BR></p>
<p> </p>
</TD>
<TD width="100%">
<P align=center> <a name="htp"></a><img src=******************><IMG height=8
src="/Accueil/blanc.gif" width=18
align=bottom border=0><img src=******************><IMG height=8
src="/Accueil/blanc.gif" width=18
align=bottom border=0><img src=******************>
</P>
<a name="pres"></a> <span class="Style1">PRESENTATION</span><BR>
<BR>
<IMG height=8 hspace=5
src="" width=8
align=bottom border=0>******************</P>
<p>****************** </p>
<p>****************** </p>
<p>****************** </p>
<p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('htp','','images/haut_page.gif',1)"><img src="images/haut_page0.gif" name="htp" width="39" height="30" border="0"></a>
</p>

<P><A name="strat"></A><span class="Style1">******************</span></P>
<P><IMG height=8 hspace=5
src="/Accueil/blanc.gif" width=8
align=bottom border=0>L'objectif 1er de la société est de satisfaire au maximum les besoins des consommateurs d'où l'initiative de :</P>
<ul>
<li>****************** </li>
</ul>
<ul>
<li>****************** </li>
</ul>
<ul>
<li>******************</li>
</ul>
<p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('htp','','images/haut_page.gif',1)"><img src="images/haut_page0.gif" name="htp" width="39" height="30" border="0"></a>
</p>
<p>  </p>
<p><A name="plan"></A><span class="Style1">PLAN D'ACCES </span></p>
<P><FONT size=4>
<applet archive="zoompan.jar" code="zoompan.class" width="475" height="420">
***********************************************************************
</applet>
<BR>
</FONT>
<P>******************
<h2><font color="#FF9900" face="Arial, Helvetica, sans-serif"><strong>******************</strong> </font></h2>
<h2><font color="#FF9900" face="Arial, Helvetica, sans-serif"><strong>******************</strong></font></h2>
<h2><font color="#FF9900" face="Arial, Helvetica, sans-serif"><strong>******************</strong></font></h2>
<h2><font color="#FF9900" face="Arial, Helvetica, sans-serif"><strong>******************</strong></font></h2>
<div align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('htp','','images/haut_page.gif',1)"><img src="images/haut_page0.gif" name="htp" width="39" height="30" border="0"></a>
</div></TD>
</TR><tr><td></td></tr>
</TBODY>
</TABLE>
</body>
</html>

   
Répondre à liegeus

3

NoSFe, le 24 jun 2004 à 11:57:24

Si tu appelles toutes tes images htp forcément il va plus savoir laquelle swapper

   
Répondre à NoSFe

4

liegeus, le 24 jun 2004 à 12:01:54

Ok maintenant ça marche merci !

   
Répondre à liegeus

5

liegeus, le 24 jun 2004 à 12:16:16

Hem encore moi, et si je veux utiliser cette même ilage survolé dans une autre page du même site, je dois changer quoi ?

   
Répondre à liegeus

6

liegeus, le 24 jun 2004 à 12:32:50

En fait c'est bon, j'ai trouvé. c'était juste dreamweaver ou IE qui déconnait un peu beaucoup

   
Répondre à liegeus

7

HackTrack, le 24 jun 2004 à 12:38:24
  • +1

J'ai épuré le code pour qu tu t'y retrouves.

Il ne te reste qu'à l'adapter 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>NOTRE SOCIETE</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
	<script language="javascript" type="text/javascript">
		img_1 = new Image();
		img_1.src="./images/haut_page.gif";
		img_2 = new Image();
		img_2.src="./images/haut_page0.gif";
		
		function changeImage(elm){
			elm.src=img_1.src;
		}
		
		function restoreImage(elm){
			elm.src = img_2.src;
		}			
	</script>
</head> 

<body> 
<p align="center">
	<img src="images/haut_page0.gif" onMouseOver="changeImage(this);" onMouseOut="restoreImage(this);" name="htp" width="16" height="16" border="0" >
<p/> 

<p align="center">
	<img src="images/haut_page0.gif" onMouseOver="changeImage(this);" onMouseOut="restoreImage(this);" name="htp" width="16" height="16" border="0" > 
</p> 

<div align="center">
	<img src="images/haut_page0.gif" onMouseOver="changeImage(this);" onMouseOut="restoreImage(this);" name="htp" width="16" height="16" border="0" >
</div>

<a onMouseOver="changeImage(this.children[3]);" onMouseOut="restoreImage(this.children[3]);">
	Ligne de remplissage<br/>
	Ligne de remplissage<br/>
	Ligne de remplissage<br/>
	<img src="images/haut_page0.gif" onMouseOver="changeImage(this);" onMouseOut="restoreImage(this);" name="htp" width="16" height="16" border="0" ><br/>
	Ligne de remplissage<br/>
	Ligne de remplissage<br/>
	Ligne de remplissage<br/>		
</a>
</body> 
</html>


;-)

   
Répondre à HackTrack

8

 liegeus, le 24 jun 2004 à 12:40:52

Ok ça marche, merci beaucoup.

   
Répondre à liegeus
Posez votre question Répondre
Ils ont besoin de votre aide