Image qui bouge quand curseur passe
Résolu/Fermé
samcop84
-
6 déc. 2009 à 23:43
soufianecreator Messages postés 60 Date d'inscription jeudi 12 novembre 2009 Statut Membre Dernière intervention 13 février 2010 - 9 déc. 2009 à 17:45
soufianecreator Messages postés 60 Date d'inscription jeudi 12 novembre 2009 Statut Membre Dernière intervention 13 février 2010 - 9 déc. 2009 à 17:45
A voir également:
- Image qui change quand on bouge
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image animé qui bouge gratuit - Télécharger - Thèmes & Fonds d'écran
- Google recherche par image - Guide
- Faststone image viewer - Télécharger - Visionnage & Diaporama
15 réponses
avion-f16
Messages postés
19240
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
17 février 2024
4 494
7 déc. 2009 à 20:09
7 déc. 2009 à 20:09
Dans la partie de code suivante, supprime la ligne soulignée :
#sidebar a:hover{
background-color:#8C8C79;
text-decoration:none;
display: block;
color:#fff;
margin: 0px;
padding: 5px 7px 5px 7px;
border-bottom: 1px solid #f2f2f2;
}
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
6 déc. 2009 à 23:47
6 déc. 2009 à 23:47
Qu'as-tu déclaré comme styles pour le a:hover ?
avion-f16
Messages postés
19240
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
17 février 2024
4 494
7 déc. 2009 à 12:59
7 déc. 2009 à 12:59
Pour avoir un code valide :
Pour le CSS, le problème est bien dans la ligne que tu as donné.
Voilà le code corrigé :
<a href="monsite/forum" onclick="window.open(this.href); return false;"> <img src="monsite/images/image.jpg" alt="" /></a>
Pour le CSS, le problème est bien dans la ligne que tu as donné.
Voilà le code corrigé :
#sidebar img, #sidebar img a, #sidebar img a:hover{margin: 0; border:none;}
Merci bcp pour ton aide, j'ai fait tout ce que tu as dit mais malheureusement ca ne veut toujours pas marcher :(
Voici la partie de la feuille de style qui pose probleme apparemment:
/* sidebar */
#sidebar {
font-family: verdana, arial, tahoma;
font-size:8pt;
font-weight:bold;
width:240px;
float:right;
margin:0;
padding: 0;
}
#sidebar h2{
font:normal 11pt arial, georgia, times;
color: #5C6A73;
font-weight:bold;
margin: 0;
padding: 0;
padding-top:10px;
text-transform:uppercase;
}
#sidebar label{
font:normal 11pt arial, georgia, times;
color: #000;
margin: 0;
padding: 0;
}
#sidebar p {margin:0; padding: 0 6px 0 8px;}
#sidebar img, #sidebar img a, #sidebar img a:hover{margin: 0; border:none;}
#sidebar ul {
margin:12px;
padding:0;
}
#sidebar ul li {
margin: 0;
padding: 0;
line-height: 14pt;
list-style-type: none;
}
#sidebar ul ul {
margin:14px 0;
padding:0;
}
#sidebar ul ul li {
list-style-type: none;
}
#sidebar ul ul ul{
margin: 0;
padding: 0;
}
#sidebar ul ul ul li{
padding: 0 0 0 0px;
list-style-type: none;
color: #898989;
}
#sidebar li a{
text-decoration:none;
display: block;
color:#575757;
text-decoration: none;
margin: 0px;
padding: 5px 7px 5px 7px;
border-bottom: 1px solid #f2f2f2;
}
#sidebar a:hover{
background-color:#8C8C79;
text-decoration:none;
display: block;
color:#fff;
margin: 0px;
padding: 5px 7px 5px 7px;
border-bottom: 1px solid #f2f2f2;
}
#sidebar a:active{
background-color:#364022;
text-decoration:none;color:#fff;
}
Voici la partie de la feuille de style qui pose probleme apparemment:
/* sidebar */
#sidebar {
font-family: verdana, arial, tahoma;
font-size:8pt;
font-weight:bold;
width:240px;
float:right;
margin:0;
padding: 0;
}
#sidebar h2{
font:normal 11pt arial, georgia, times;
color: #5C6A73;
font-weight:bold;
margin: 0;
padding: 0;
padding-top:10px;
text-transform:uppercase;
}
#sidebar label{
font:normal 11pt arial, georgia, times;
color: #000;
margin: 0;
padding: 0;
}
#sidebar p {margin:0; padding: 0 6px 0 8px;}
#sidebar img, #sidebar img a, #sidebar img a:hover{margin: 0; border:none;}
#sidebar ul {
margin:12px;
padding:0;
}
#sidebar ul li {
margin: 0;
padding: 0;
line-height: 14pt;
list-style-type: none;
}
#sidebar ul ul {
margin:14px 0;
padding:0;
}
#sidebar ul ul li {
list-style-type: none;
}
#sidebar ul ul ul{
margin: 0;
padding: 0;
}
#sidebar ul ul ul li{
padding: 0 0 0 0px;
list-style-type: none;
color: #898989;
}
#sidebar li a{
text-decoration:none;
display: block;
color:#575757;
text-decoration: none;
margin: 0px;
padding: 5px 7px 5px 7px;
border-bottom: 1px solid #f2f2f2;
}
#sidebar a:hover{
background-color:#8C8C79;
text-decoration:none;
display: block;
color:#fff;
margin: 0px;
padding: 5px 7px 5px 7px;
border-bottom: 1px solid #f2f2f2;
}
#sidebar a:active{
background-color:#364022;
text-decoration:none;color:#fff;
}
soufianecreator
Messages postés
60
Date d'inscription
jeudi 12 novembre 2009
Statut
Membre
Dernière intervention
13 février 2010
7 déc. 2009 à 21:24
7 déc. 2009 à 21:24
voici un javascripte
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('chemin de la photo1XXX')"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','chemin ed la photo2XXX',1)"><img src="file:///C|/Documents and Settings/soufianecreator/Bureau/webinvent/1.jpg" name="Image1" width="1700" height="2338" border="0"></a>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<body onLoad="MM_preloadImages('chemin de la photo1XXX')"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','chemin ed la photo2XXX',1)"><img src="file:///C|/Documents and Settings/soufianecreator/Bureau/webinvent/1.jpg" name="Image1" width="1700" height="2338" border="0"></a>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
soufianecreator
Messages postés
60
Date d'inscription
jeudi 12 novembre 2009
Statut
Membre
Dernière intervention
13 février 2010
7 déc. 2009 à 22:33
7 déc. 2009 à 22:33
:d
avion-f16
Messages postés
19240
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
17 février 2024
4 494
7 déc. 2009 à 22:56
7 déc. 2009 à 22:56
@soufianecreator : Javascripte ? C'est nouveau ?
soufianecreator
Messages postés
60
Date d'inscription
jeudi 12 novembre 2009
Statut
Membre
Dernière intervention
13 février 2010
7 déc. 2009 à 23:47
7 déc. 2009 à 23:47
oups j'ai oublier le dernier lien
avion-f16
Messages postés
19240
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
17 février 2024
4 494
8 déc. 2009 à 12:20
8 déc. 2009 à 12:20
Et il sert à quoi ton script ?
C'est quoi le rapport avec ce topic ?
C'est quoi le rapport avec ce topic ?
soufianecreator
Messages postés
60
Date d'inscription
jeudi 12 novembre 2009
Statut
Membre
Dernière intervention
13 février 2010
8 déc. 2009 à 13:11
8 déc. 2009 à 13:11
tu vois pas ou koi
c ce sont deux image qui bouge au survole de la souris
c ce sont deux image qui bouge au survole de la souris
avion-f16
Messages postés
19240
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
17 février 2024
4 494
8 déc. 2009 à 13:41
8 déc. 2009 à 13:41
Justement le but c'est de ne pas faire bouger le lien (et pas une image).
Je ne penses pas qu'un code aussi lourd que le tiens soit nécessaire pour un effet rollover.
Je ne penses pas qu'un code aussi lourd que le tiens soit nécessaire pour un effet rollover.
notobe
Messages postés
1952
Date d'inscription
mercredi 11 novembre 2009
Statut
Membre
Dernière intervention
8 juillet 2011
213
9 déc. 2009 à 14:27
9 déc. 2009 à 14:27
Soufiane... on va peut-être arrêter là les noms d'oiseaux ?
Avion a raison : le script que tu as collé-copié de dreamwaever n'a rien à faire dans la problématique de départ et est inadapté.
Je pense que le sujet est clos (Avion tu le mets en résolu ?)
Avion a raison : le script que tu as collé-copié de dreamwaever n'a rien à faire dans la problématique de départ et est inadapté.
Je pense que le sujet est clos (Avion tu le mets en résolu ?)
avion-f16
Messages postés
19240
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
17 février 2024
4 494
9 déc. 2009 à 14:39
9 déc. 2009 à 14:39
C'est fait.
avion-f16
Messages postés
19240
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
17 février 2024
4 494
9 déc. 2009 à 13:27
9 déc. 2009 à 13:27
Non, je suis spyder-man !
Puis moi je ne dors pas à 10h55 !
De toutes façons, tu es hors sujet, et je n'ai pas d'ordres à recevoir par un débutant comme toi.
Puis moi je ne dors pas à 10h55 !
De toutes façons, tu es hors sujet, et je n'ai pas d'ordres à recevoir par un débutant comme toi.
soufianecreator
Messages postés
60
Date d'inscription
jeudi 12 novembre 2009
Statut
Membre
Dernière intervention
13 février 2010
9 déc. 2009 à 10:55
9 déc. 2009 à 10:55
mais que'est ce que tu crois t'est superman
couche toi tu n'as aucun chose avec moi allé éloigne toi de ma vue pffff
couche toi tu n'as aucun chose avec moi allé éloigne toi de ma vue pffff
soufianecreator
Messages postés
60
Date d'inscription
jeudi 12 novembre 2009
Statut
Membre
Dernière intervention
13 février 2010
9 déc. 2009 à 14:23
9 déc. 2009 à 14:23
tu sais même pas pti égoïste
soufianecreator
Messages postés
60
Date d'inscription
jeudi 12 novembre 2009
Statut
Membre
Dernière intervention
13 février 2010
9 déc. 2009 à 17:45
9 déc. 2009 à 17:45
bien dsl pr le derrangemnt dans cet discussion
7 déc. 2009 à 22:27