Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts

    Exclamation Text displaced from one of the thumbnails

    http://www.exitfegs.co.uk/nine.html

    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.

    Frank

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    
    
    <html>
    <head>
    <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;
    	color:white;
    
    
    }
    .wrapper {
    	text-align: center;
    	background-color: #cccccc;
    	color:white;
    	margin-top:0px;
    
    }
    .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 {
    	vertical-align:top;
    }
    .wrapper p img {
    	margin-bottom: 0px;
    	border: none;
    	margin-top: 1px;
          
    }	
    .wrapper a {
    	text-decoration: none;
            color: #000;
    
    }
    
    </style>
    </head>
    
    <body>
    
    <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>
    
    </div>
    </body>
    </html>
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Regular Coder kewlceo's Avatar
    Join Date
    Mar 2006
    Location
    California, US
    Posts
    484
    Thanks
    1
    Thanked 3 Times in 3 Posts
    You could put a <br> at the beginning of each line of text.
    UBERHOST.NET
    Shared, reseller, semidedicated hosting and dedicated server plans.
    DirectAdmin • Installatron • Money-Back Guarantee • 24/7 Support
    Providing "Service Above All Else" since 2005.

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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.

    effpeetee
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •