Besoin d'aide

Un background CSS sur le hover des thumbnails

PreviousNextIndex

Progress0%
WorkflowSupport request
StatusProblem has been recorded

Bonjour,

que feriez-vous dans votre css pour donner un background différent au survol (hover) sur une vignette cliquable ?

Je vois pas bien où mettre le .hover là dedans :

.thumbnail_image a img { }

Alexis Raimbault
on Jul. 5 2012 at 05:55 am GMT
.thumbnail_image est succeptible de contenir la légende. Si tu veux un effet seulement autour de l'image, il te faut donner un peu de padding à .image_show et déclarer l'effet hover dessus (la balise "a" donc)

----- Alexis Raimbault webmaster free-lance
J.Juraver - on Jul. 5 2012 at 07:37 pm GMT
Tiens j'avais pas repéré ce .image_show

J'ai mis du padding effectivement, mais pas tout à fait comme tu le préconises. C'est bien dans l'espacement autour de la vignette au survol que je veux mettre un changement de background : 
/*Set the thumbnails cosmetic within galeries*/ 

    .thumbnail_image {

    height:180px; width:160px; margin:4px; border:1px solid #666666; background-color: black;

    -moz-border-radius: 4px 4px 4px 4px; /* Not sure... */

    -webkit-border-radius: 4px 4px 4px 4px;

    border-radius: 4px 4px 4px 4px;

    }

    /* Where is the a hover effect   ?*/

    .thumbnail_image a img {padding: 25px;}
Alexis Raimbault - on Jul. 6 2012 at 09:02 am GMT

oui tu as mis 25 de padding sur img.

Ta couleur de fond et sur le .thumbnail_image donc change là au survol

.thumbnail_image:hover {background:red;}



----- Alexis Raimbault webmaster free-lance
J.Juraver - on Jul. 6 2012 at 10:03 pm GMT
Et donc en fait le :hover ça se passe là-dedans : 
.thumbnail_image:hover {background-color: #your_color;}
J.Juraver
on Jul. 4 2012 at 09:43 pm GMT
La page a été créée

PreviousNextIndex