Probleme images qui bougent quand curseur

Question

Bonjour,

J'ai un blog fait avec wordpress. Je viens d'installer un nouveau widget, NextGEN Gallery.

Le souci que j'ai avec la gallerie photo affichée dans ma sidebar, c'est que les photos bougent lorsqu'on passe le curseur dessus.

C'est bizarre, car j'avais auparavant le meme probleme avec les images affichees dans la sidebar, mais tout etait regle dans l'ordre apres avoir enlever une ligne ("padding") de ma feuille de style. Serait-ce une piste ?

J'ai essaye plusieurs solutions, notamment dans la feuille de style du widget, mais je n'avance plus.... :(

Quelqu'un aurait une idee de ce que je peux faire ?

Merci d'avance pour votre aide :)

Sam

alaisfuishdfis · Answer

slt s sa peut venir de balises mal ferme ou des

...etc tu peux essayé ca deja

Dans le doc CSS : #image { position: fixed; widht: ... } sinon post un bout de ton code...

samcop84 · Answer

Merci pour ton aide. Voici ci dessous un bout de mon code, et en cas le changement que j'ai fait en gras. Resultat: les images de la gallerie ne bougent plus quand on passe le curseur dessus, par contre une des images apparait d'un coup en bas de l'ecran !...bizarre


/* sidebar */

#sidebar {
	font-family: verdana, arial, tahoma;
	font-size:8pt;
	font-weight:normal;
	width:240px;
	float:right;
	margin:0;
	padding: 0;
	
	}

#sidebar h2{
	font:normal 11pt aharoni;
	color: #000000;
	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:7px 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{

    text-decoration:none;    
    display: block;
    
    margin: 0px;
   
position: fixed;

}

#sidebar a:active{
background-color:#364022;
    text-decoration:none;color:#fff; 
   
}

samcop84 · Answer

UP

J'ai toujours le meme probleme et ne trouve pas la solution... :(

Qqun pourrait regarder le code ci-dessus svp ?

Merci d'avance !  :)

Probleme images qui bougent quand curseur

3 réponses

Votre réponse

Discussions similaires

Newsletters