Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 07-07-2007, 12:36 PM   PM User | #1
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
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>
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

Last edited by effpeetee; 07-07-2007 at 02:50 PM..
effpeetee is offline   Reply With Quote
Old 07-07-2007, 03:33 PM   PM User | #2
bazz
Master Coder

 
Join Date: Apr 2003
Location: in my house
Posts: 5,211
Thanks: 39
Thanked 201 Times in 197 Posts
bazz will become famous soon enoughbazz will become famous soon enough
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
bazz is offline   Reply With Quote
Old 07-07-2007, 03:51 PM   PM User | #3
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
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.
effpeetee is offline   Reply With Quote
Old 07-07-2007, 11:10 PM   PM User | #4
bazz
Master Coder

 
Join Date: Apr 2003
Location: in my house
Posts: 5,211
Thanks: 39
Thanked 201 Times in 197 Posts
bazz will become famous soon enoughbazz will become famous soon enough
Quote:

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.
Quote:
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

Quote:
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.

Quote:
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
bazz is offline   Reply With Quote
Old 07-08-2007, 08:47 AM   PM User | #5
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
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.
effpeetee is offline   Reply With Quote
Old 07-08-2007, 11:14 AM   PM User | #6
kewlceo
Regular Coder

 
kewlceo's Avatar
 
Join Date: Mar 2006
Location: California, US
Posts: 484
Thanks: 1
Thanked 3 Times in 3 Posts
kewlceo is on a distinguished road
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.
kewlceo is offline   Reply With Quote
Old 07-08-2007, 12:26 PM   PM User | #7
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
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.
effpeetee is offline   Reply With Quote
Old 07-08-2007, 01:27 PM   PM User | #8
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
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
effpeetee is offline   Reply With Quote
Old 07-08-2007, 09:37 PM   PM User | #9
bazz
Master Coder

 
Join Date: Apr 2003
Location: in my house
Posts: 5,211
Thanks: 39
Thanked 201 Times in 197 Posts
bazz will become famous soon enoughbazz will become famous soon enough
Quote:
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.

Quote:
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
bazz is offline   Reply With Quote
Old 07-08-2007, 09:45 PM   PM User | #10
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
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
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

Last edited by effpeetee; 07-08-2007 at 09:49 PM.. Reason: Errros and omissions.
effpeetee is offline   Reply With Quote
Old 07-09-2007, 03:42 PM   PM User | #11
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
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.
effpeetee is offline   Reply With Quote
Old 07-09-2007, 07:07 PM   PM User | #12
bazz
Master Coder

 
Join Date: Apr 2003
Location: in my house
Posts: 5,211
Thanks: 39
Thanked 201 Times in 197 Posts
bazz will become famous soon enoughbazz will become famous soon enough
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
bazz is offline   Reply With Quote
Old 07-09-2007, 08:44 PM   PM User | #13
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
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
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

Last edited by effpeetee; 07-10-2007 at 07:46 AM.. Reason: Out of place
effpeetee is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 03:14 PM.


Advertisement
Log in to turn off these ads.