...

View Full Version : Resolved Unexplained extra space between thumbnails



effpeetee
11-23-2008, 02:52 PM
I have just noticed a slight difference between the spacing of the first four thumb nails on this program (http://exitfegs.co.uk/hoverstayc.html)which I am unable to resolve. This throws the first and second row out of line. I have tried to resolve it but as there does not seem to be anything different, I am asking for help.

Frank

abduraooft
11-23-2008, 03:30 PM
I think it's due to the difference in the length of text under the images.

effpeetee
11-23-2008, 03:47 PM
Hi abduraooft.

I have made the text the same and the same image on the two relevant ones, but it is still the same.

It's here. (http://exitfegs.co.uk/hoverstayd.html)

Frank

abduraooft
11-23-2008, 03:52 PM
There is an extra empty <li></li> after your second list item


<ul id="thumbs">
<li><a class="imgshow" href="#"><img width="80%" src="6a.jpg"/><img width="480" height="360" src="6.jpg" class="big"/></a>A lawn at Mapperton.</li>
<li><a class="imgshow" href="#"><img width="100%" src="8a.jpg"/><img width="480" height="360" src="8.jpg" class="big"/></a>A lawn at Mapperton.</li>
<li></li>
<li><a class="imgshow" href="#"><img width="100%" src="8a.jpg"/><img width="480" height="360" src="8.jpg" class="big"/></a>A lawn at Mapperton.</li>

effpeetee
11-23-2008, 04:19 PM
Where did you get that from. It's not on my copy.


window.onload = setShow;
</script>
</head>
<body>
<ul id="thumbs">
<li><a href="#" class="imgshow"><img src="6a.jpg" width="80%" /><img class="big" src="6.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="8a.jpg" width="100%" /><img class="big" src="8.jpg" width="480" height="360" /></a>A lawn at Mapperton.<li> <
li><a href="#" class="imgshow"><img src="8a.jpg" width="100%" /><img class="big" src="8.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="9a.jpg" width="100%" /><img class="big" src="9.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="17a.jpg" width="100%" /><img class="big" src="17.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="18a.jpg" width="100%" /><img class="big" src="18.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="19a.jpg" width="100%" /><img class="big" src="19.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="20a.jpg" width="100%" /><img class="big" src="20.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="21a.jpg" width="100%" /><img class="big" src="21.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="22a.jpg" width="100%" /><img class="big" src="22.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="23a.jpg" width="100%" /><img class="big" src="23.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="24a.jpg" width="100%" /><img class="big" src="24.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="25a.jpg" width="100%" /><img class="big" src="25.jpg" width="480" height="360" /></a>A lawn at Mapperton.</li>
</ul>


EDIT: I found the fault - see below.


<li><a href="#" class="imgshow"><img src="6a.jpg" width="80%" /><img class="big" src="6.jpg" width="480" height="360" /></a>T=A lawn at Mapperton.</li>
<li><a href="#" class="imgshow"><img src="7a.jpg" width="100%" /><img class="big" src="7.jpg" width="480" height="360" /></a>A Japanese garden.<li> should be </li>

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum