Petit souci avec une code html pour agrandire des images
Résolu
jer03
-
jer03 -
jer03 -
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
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:
- Petit souci avec une code html pour agrandire des images
- Code ascii - Guide
- Des images - Guide
- Code puk bloqué - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Code activation windows 10 - Guide
2 réponses
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.
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.
