Jump to content

CSS images galery


curieux

Recommended Posts

Good day everyone

 

This code is not running

 

<!DOCTYPE html>

<html>

<head>

<style>

div.img {

margin: 5px;

padding: 5px;

border: 1px solid #0000ff;

height: auto;

width: auto;

float: left;

text-align: center;

}

 

div.img img {

display: inline;

margin: 5px;

border: 1px solid #ffffff;

}

 

div.img a:hover img {

border: 1px solid #0000ff;

}

 

div.desc {

text-align: center;

font-weight: normal;

width: 120px;

margin: 5px;

}

</style>

</head>

<body>

 

<div class="img">

<a target="_blank" href="petitpin1_big.htm"><img src="petitpin1_small.jpg" alt="petitpin1" width="110" height="90"></a>

<div class="desc">Add a description of the image here</div>

</div>

<div class="img">

<a target="_blank" href="petitpin2_big.htm"><img src="petitpin2_small.jpg" alt="petitpin2" width="110" height="90"></a>

<div class="desc">Add a description of the image here</div>

</div>

<div class="img">

<a target="_blank" href="petitpin3_big.htm"><img src="petitpin3_small.jpg" alt="petitpin3" width="110" height="90"></a>

<div class="desc">Add a description of the image here</div>

</div>

<div class="img">

<a target="_blank" href="petitpin4_big.htm"><img src="petitpin4_small.jpg" alt="petitpin4" width="110" height="90"></a>

<div class="desc">Add a description of the image here</div>

</div>

 

</body>

</html>

 

on http://gerald.lanne.free.fr/29 galerie you will find the result. I don't know where is my error ?

 

Thanks

Link to comment
Share on other sites

Filename issue. I don't think you can have a space in filename (29 galerie should be 29galerie ) AND .htaccess issue. No body should ever see what in your directory.

Edited by niche
Link to comment
Share on other sites

Names don't match up. For example your image file is named petitpin1.JPG but your htm file is looking for petitpin1_small.jpg

 

Also your file galerie.htm has links to htm files such as petitpin1_big.htm which do not exist.

Link to comment
Share on other sites

Thanks you,

I rectified my code. Effectively, now it run well on my personal computer but it don’t run on the web :

 

<div class="img">

<a target="_blank" href="petitpin1.jpg"><img src="petitpin1.jpg" alt="petitpin1" width="110" height="90"></a>

<div class="desc">Add a description of the image here</div>

</div>

<div class="img">

<a target="_blank" href="petitpin2.jpg"><img src="petitpin2.jpg" alt="petitpin2" width="110" height="90"></a>

<div class="desc">Add a description of the image here</div>

</div>

<div class="img">

<a target="_blank" href="petitpin3.jpg"><img src="petitpin3.jpg" alt="petitpin3" width="110" height="90"></a>

<div class="desc">Add a description of the image here</div>

</div>

<div class="img">

<a target="_blank" href="petitpin4.jpg"><img src="petitpin4.jpg" alt="petitpin4" width="110" height="90"></a>

<div class="desc">Add a description of the image here</div>

</div>

 

</body>

</html>

 

on http://gerald.lanne.free.fr/29galerie you will find the result.

 

Thanks

Link to comment
Share on other sites

You have to use EXACT filename and extension characters being lowercase or uppercase they must match, your images are petitpin2.JPG but you asking for petitpin2.jpg this will be treated as different image.

 

You also have a space at the end of your link, please check links work properly when submitting post.

 

REMOVE SPACE FROM DIRECTORY NAME = BAD BAD BAD

Edited by dsonesuk
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...