...

View Full Version : Odd HTML behaviour - Thumbs menu



effpeetee
07-07-2007, 01:36 PM
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.


<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>

bazz
07-07-2007, 04:33 PM
Frank, look through your code or use wordpad to find


'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


height="80"> smileplease</a>


But I think you are still making work for yourself by using static pages.

bazz

effpeetee
07-07-2007, 04:51 PM
Frank, look through your code or use wordpad to find


'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


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

bazz
07-08-2007, 12:10 AM
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

effpeetee
07-08-2007, 09:47 AM
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.

kewlceo
07-08-2007, 12:14 PM
I suffer from memory leak too!

I suffer from memory leak too!

effpeetee
07-08-2007, 01:26 PM
I suffer from memory leak too!

I suffer from memory leak too!
What was that you sai.....??????????

effpeetee
07-08-2007, 02:27 PM
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

bazz
07-08-2007, 10:37 PM
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

effpeetee
07-08-2007, 10:45 PM
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

effpeetee
07-09-2007, 04:42 PM
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

bazz
07-09-2007, 08:07 PM
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

effpeetee
07-09-2007, 09:44 PM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum