Sujet Précédent Sujet Suivant

Petit souci avec une code html pour agrandire des images

Résolu/Fermé
jer03 - 24 juil. 2013 à 19:39
 jer03 - 25 juil. 2013 à 05:17
Bonjour,


j'ai un petit souci sur ma page :
http://jerome.roudet.free.fr/index.html

Comme vous pouvez le voir quand on clic sur les images certaine ce décale ou disparaisse. ou es que j'ai pu me tromper?

voici le code que j'ai mis
fichier index:
<head>
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta name="generator" content="PSPad editor, www.pspad.com">

<title>

</title>

<link rel="stylesheet" type="text/css" href="css/photo.css">

</head>

ensuite boby

<body>
<div id="gallery">

<p><em id="thumbs">

<a href="#nogo">

<img src="images/image1.jpg" title="test" alt="">

<a href="#nogo">

<img src="images/image2.jpg" title="test" alt="">
<a href="#nogo">

<img src="images/image3.jpg" title="test" alt="">

<a href="#nogo">

<img src="images/image4.jpg" title="test" alt="">
<a href="#nogo">

<img src="images/image5.jpg" title="test" alt="">
<a href="#nogo">

<img src="images/image6.jpg" title="test" alt="">


<p> </p>
</BODY>


et pour terminer code css dans le fichier site.css
}

#gallery {

position: relative;

width: 700px;

}

#thumbs {

width: 110px;

float: left;

}

#thumbs a {

display: block;

float: right;

margin: 0 0 5px 5px;

width: 50px;
height 50px;

border: 0px solid #CECECE;

}

#thumbs a img {

width: 50px;

height: 50px;

border: 0;

}

#thumbs a:hover {

border-color: #ddd;

}

#thumbs a:hover img {

position: absolute;

width: auto;

height: auto;

left: 119px;

top: -100px;

border: 1px solid #CECECE;

}



merci d'avance

A voir également:

2 réponses

Réponse 1 / 2
totodunet Messages postés 1377 Date d'inscription mercredi 18 mars 2009 Statut Membre Dernière intervention 5 mars 2020 199
24 juil. 2013 à 20:01
salut moi j'arrive pas à cliquer sur les images. tu as un problème avec tes href dans ton html, c'est tous les mêmes.

pour le décalage des photos, je mise sur la position absolute au passage de la souris. vu que tu as pas mis une position "initiale", lorsque tu retires ta souris, la position absolute reste.
0
Réponse 2 / 2
jer03
25 juil. 2013 à 05:17
ok merci, et du coup il faut que je fasse quoi?
0

Discussions similaires

Retrouver l'image originale après avoir fait des modifications ?
Raven -
bonjou -

9 réponses
comment écrire des petits chiffres ?
Elisa-x3 -
Luka_65 -

9 réponses
Code de renvoi d'appel : Ooredo, Mobilis...
midoou07 -
Camille -

13 réponses
Codes bateaux et avion GTA vice city Stories
matt3610 -
Diglo -

30 réponses