View Full Version : Text displaced from one of the thumbnails

07-17-2007, 10:32 AM

This page is still under construction. Basically, I have taken a page that works and changed the jpgs and hyperlinks.
One of the thumnails refuses to position the caption properly. I have moved the line of code around and typed and re-typed the caption, but to no avail.

1024x728 and using IE 7 with Windows Vista Business.

Any help gladly received.


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<title>Picture Menu 1</title>
<style type="text/css">
* { margin: 0; padding: 0; }

html, body {
margin: 0px;
padding: 0px;
display: inline-block;
background-color: #CCCCCC;

.wrapper {
text-align: center;
background-color: #cccccc;

.wrapper p {
display: inline;
font-size: 70%
.wrapper span {
margin: 1em;
margin-bottom: 40px;
vertical-align: top;
width: 160px;
height: 130px;
display: table-cell;
display: inline-block;
.wrapper p span {
.wrapper p img {
margin-bottom: 0px;
border: none;
margin-top: 1px;

.wrapper a {
text-decoration: none;
color: #000;




<a href="index.html"><img alt="Home page." src="home.jpg" width="85" height="42" /></a>
<div class="wrapper">

<p><span><a href="Steven2.html"><img src="steve-02.jpg" alt="0" width="150" height="120"> Steven when a young lad.</a></span></p>

<p><span><a href="HonW.html"><img src="clocktower.jpg" alt="1" width="150" height="120"> Hay-on-Wye.</a></span></p>
<p><span><a href="9b.html"><img src="8a.jpg" alt="8" width="150" height="120"> Just a country road.</a></span></p>
<p><span><a href="10b.html"><img src="9a.jpg" alt="9" width="150" height="120"> In the gardens at Mapperton</a></span></p>

<p><span><a href="Glider.html"><img src="Glider.jpg" alt="2" width="150" height="120"> Frank, in a glider.</a></span></p>
<p><span><a href="Mum.html"><img src="nan.jpg" alt="3" width="120" height="150"> Grandma, Madge Taylor.</a></span></p>
<p><span><a href="Steve3.html"><img src="steve-01.jpg" alt="4" width="120" height="150"> Young Steven..</a></span></p>
<p><span><a href="Grandad.html"><img src="Grandad.jpg" alt="1" width="120" height="150"> Granddad, Sidney Taylor.</a></span></p>

<p><span><a href="6b.html"><img src="5a.jpg" alt="5" width="150" height="120"> Another view in Mapperton.</a></span></p>
<p><span><a href="7b.html"><img src="6a.jpg" alt="6" width="150" height="120"> A lawn at Mapperton.</a></span></p>
<p><span><a href="8b.html"><img src="7a.jpg" alt="7" width="150" height="120"> A bridge in Japan.</a></span></p>


07-17-2007, 10:44 AM
You could put a <br> at the beginning of each line of text.

07-17-2007, 10:54 AM
Yes, but why should I have to.
I have a thumnail menu as this one but with over 100 thumbs on it, No problems.

Why, with this one.