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 13 of 13
  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 Odd HTML behaviour - Thumbs menu

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

    This is the page that I am referring to. If you view it, you will find that it displays OK until the bottom two lines. I have entitled the beginning on my PC as "FROM HERE"

    The code is consistent, so I can't understand it, I can only show the last of it. It is rather long.

    It is the end of a DIV.

    1024x728 - IE7 - Vista Business.

    The text and hyperlinks still need some attention. Just as soon as I get time.

    Code:
    <p><span><a href="90a.html"><img src="89a.jpg"   alt="" width="100" height="80"> Alresford High Street.</a></span></p>
    
    <p><span><a href="91a.html"><img src="90a.jpg"   alt=" " width="100" height="80"> Brecon Mountain railway station.</a></span></p>
    <p><span><a href="92a.html"><img src="91a.jpg"   alt="" width="100" height="80"> But do they have the answers?</a></span></p>
    <p><span><a href="93a.html"><img src="92a.jpg"   alt="" width="100" height="80"> An ornamental bridge in Japan.</a></span></p>
    <p><span><a href="94a.html"><img src="93a.jpg"   alt="" width="100" height="80"> An Australian Gum tree.</a></span></p>
    
    <p><span><a href="95a.html"><img src="94a.jpg"   alt="" width="100" height="80"> Alresford High Street.</a></span></p>
    <p><span><a href="96a.html"><img src="95a.jpg"   alt=" " width="100" height="80"> Brecon Mountain railway station.</a></span></p>
    <p><span><a href="97a.html"><img src="96a.jpg"   alt="" width="100" height="80"> But do they have the answers?</a></span></p>
    <p><span><a href="98a.html"><img src="97a.jpg"   alt="" width="100" height="80"> An ornamental bridge in Japan.</a></span></p>
    <p><span><a href="99a.html"><img src="98a.jpg"   alt="" width="100" height="80"> FROM&nbsp;HERE.</a></span></p>
    
    <p><span><a href="100a.html"><img src="99a.jpg"   alt="" width="100" height="80"> Alresford High Street.</a></span></p>
    <p><span><a href="101a.html"><img src="100a.jpg"   alt=" " width="100" height="80"> Brecon Mountain railway station.</a></span></p>
    <p><span><a href="102a.html"><img src="101a.jpg"   alt="" width="100" height="80"> But do they have the answers?</a></span></p>
    <p><span><a href="103a.html"><img src="102a.jpg"   alt="" width="100" height="80"> An ornamental bridge in Japan.</a></span></p>
    <p><span><a href="104a.html"><img src="107a.jpg"   alt=" " width="100" height="80">An ornamental bridge in Japan.</a></span></p>
    
    <p><span><a href="105a.html"><img src="smilepleasea.jpg"   alt="" width="100" height="80">smileplease</a></span></p>
    <p><span><a href="106a.html"><img src="Hove1a.jpg"   alt="" width="100" height="80">An ornamental bridge in Japan.</a></span></p>
    <p><span><a href="107a.html"><img src="Hove2007a.jpg"   alt="" width="100" height="80">An ornamental bridge in Japan.</a></span></p>
    <p><span><a href="108a.html"><img src="108a.jpg"   alt="" width="100" height="80">108wwwwwww</a></span></p>
    <p><span><a href="109a.html"><img src="109a.jpg"   alt="" width="100" height="80">109wwwwwww</a></span></p>
    
    <p><span><a href="110a.html"><img src="110a.jpg"   alt="" width="100" height="80"> 110wwwwwww</a></span></p>
    <p><span><a href="111a.html"><img src="111a.jpg"   alt="" width="100" height="80"> 111wwwwwww</a></span></p>
    <p><span><a href="112a.html"><img src="112a.jpg"   alt="" width="100" height="80"> 112wwwwwww</a></span></p></div>
    </body>
    </html>
    </span>
    CSS code-

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


    <html>
    <head>
    <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: 1px;

    }
    .wrapper p {
    display: inline;
    font-size:x-small;

    }
    .wrapper span {
    margin: 1em;
    vertical-align: top;
    width: 100px;
    height: 100px;
    display: table-cell;
    display: inline-block;
    }
    .wrapper p span {
    vertical-align:top;
    }
    .wrapper p img {
    margin-bottom: 1px;
    border: none;
    margin-top: 1px;

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

    }
    .valid {
    width: 200px;
    float: right;
    margin: 50px 20px 0 0;
    }
    .valid img {
    border: none;
    }
    </style>
    Last edited by effpeetee; 07-07-2007 at 02:50 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Frank, look through your code or use wordpad to find
    Code:
    'height="80">smileplease</a>
    You need to make sure there is a space between the 80"> and the first word of the text, like this
    Code:
    height="80"> smileplease</a>
    But I think you are still making work for yourself by using static pages.

    bazz

  • #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
    Quote Originally Posted by bazz View Post
    Frank, look through your code or use wordpad to find
    Code:
    'height="80">smileplease</a>
    You need to make sure there is a space between the 80"> and the first word of the text, like this
    Code:
    height="80"> smileplease</a>
    But I think you are still making work for yourself by using static pages.

    bazz
    Hi! Bazz,

    Yes, I agree, but my son wants this total list as well as the ones we are working on, and as it is already almost there, I agreed to finish it.
    I still cannot understand how to add to the menu's etc; with the perl.
    (or, come to that, with php).
    At present I have made three sub-folders: Steve, Family and The rest.

    This is just for starters. When I find how to do these, I can then refine it.
    Some of the pictures are not pertinent to the family and will be removed.

    Thank you for the above advice. I had forgotten that spaces were needed there.

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

  • #4
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts

    Yes, I agree, but my son wants this total list as well as the ones we are working on, and as it is already almost there, I agreed to finish it.
    fair enough but, is he in a rush? what I have in mind should do what we were planning and what (I think) he wants.
    I still cannot understand how to add to the menu's etc; with the perl.
    (or, come to that, with php).
    I can do that in a few days when you have the images directory-ised

    At present I have made three sub-folders: Steve, Family and The rest.
    This is just for starters. When I find how to do these, I can then refine it.
    Some of the pictures are not pertinent to the family and will be removed.
    Ahh ok. I shall start to work on the perl menu then.

    I had forgotten that spaces were needed there.
    I suffer from memory leak too! well I think I do I don't actually remember what I have forgotten but I think I ought to remember more than I do.

    bazz

  • #5
    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
    Quote Originally Posted by bazz View Post
    fair enough but, is he in a rush? what I have in mind should do what we were planning and what (I think) he wants.


    I can do that in a few days when you have the images directory-ised



    Ahh ok. I shall start to work on the perl menu then.



    I suffer from memory leak too! well I think I do I don't actually remember what I have forgotten but I think I ought to remember more than I do.

    bazz
    I suffer from memory leak too! well I think I do I don't actually remember what I have forgotten but I think I ought to remember more than I do.


    Sums me up exactly.

    No, there is no hurry. It is usable mostly as is.

    Frank.

  • #6
    Regular Coder kewlceo's Avatar
    Join Date
    Mar 2006
    Location
    California, US
    Posts
    484
    Thanks
    1
    Thanked 3 Times in 3 Posts
    I suffer from memory leak too!

    I suffer from memory leak too!
    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.

  • #7
    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
    Quote Originally Posted by kewlceo View Post
    I suffer from memory leak too!

    I suffer from memory leak too!
    What was that you sai.....??????????
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #8
    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
    Bazz,

    When using the picture gallery, I often use F11 for whole screen.
    When I do this, the bottom of the screen is different color from the rest.
    Can this be altered.
    I had a look, but I couldn't see what or where.
    Also, would it be Ok if I make the images bigger.

    Frank

  • #9
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Bazz,

    When using the picture gallery, I often use F11 for whole screen.
    When I do this, the bottom of the screen is different color from the rest.
    Can this be altered.
    no idea what you mean. I have F11'ed it in IE 6 and FF and can;t replicate your problem.

    Also, would it be Ok if I make the images bigger.
    I assume you are 'speaking' of the thumbs, they can be whatever size you like but, I size them according to their function - to enbale the viewer to know what their subject is and then clicking on it lets them see it properly ion the large image. I generally use 125x100 or 75x50 and sometimes a boring 100x100 for my thumbs. It's personal choice really.

    bazz

  • #10
    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
    Quote Originally Posted by bazz View Post
    no idea what you mean. I have F11'ed it in IE 6 and FF and can;t replicate your problem.



    I assume you are 'speaking' of the thumbs, they can be whatever size you like but, I size them according to their function - to enbale the viewer to know what their subject is and then clicking on it lets them see it properly ion the large image. I generally use 125x100 or 75x50 and sometimes a boring 100x100 for my thumbs. It's personal choice really.

    bazz

    It's my fault.

    Since the previous post, I have upsized the images, and they now fill the screen. They are still the original size in the sub/folders. I meant upsize the images, not the thumbs.

    Sorry, I forgot that I had mentioned what is now not visible.

    Not one of my better days, I'm afraid.

    Sackcloth and ashes for me.

    Frank
    Last edited by effpeetee; 07-08-2007 at 09:49 PM. Reason: Errros and omissions.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #11
    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
    Bazz,

    Can you give me a clue as to how to access the subfolders.

    I really am stuck on this. I have returned the images to their original size.

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

  • #12
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Frank,

    You can access them through your ftp software. If you mean, how can you access them for presentation in your web page, I'll get cracking on the script later and upload it so you can see it working.

    bazz

  • #13
    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
    Quote Originally Posted by bazz View Post
    Frank,

    You can access them through your ftp software. If you mean, how can you access them for presentation in your web page, I'll get cracking on the script later and upload it so you can see it working.

    bazz
    Thanks Bazz,

    I find Perl and PHP difficult to learn. I suppose it's because the commands seldom give a hint of what they do. I'll get there in time.


    Thanks again and kind regards.

    Frank
    Last edited by effpeetee; 07-10-2007 at 07:46 AM. Reason: Out of place
    * 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
    •