Search
Forum Home | Login
Silvergem
Silvergem
Join Date 07/2001
0

Last Resort-

July 27, 2001 3:40:02 PM from WinCustomize ForumsWinCustomize Forums
Hello,
I have been having trouble with tables for my site for the lst few days, I cant seem to get it right. I realize this is a skinning MB, but, hopefully people here will extend the same friendliness there was a skinz.org.

Anyhow, if you are up to trying to help, here is my problem:
I made a table, with three images. I have one that is in one TD as BG that needs to go far left, and then I have on that is in another TD as a BG that needs to go to the far right, and then I have another one that is in another TD BG again) that needs to go between the two and make it seamless.
But, I do not know how I might go about doing this.
The URL is:
http://www.elvenlegend.f2s.com/Gemstone/layout.html

As it looks now, its one image doubling over, but look at the source to see how it is set up.

Hope someone takes the time to help me, a thousand thanks,
Andy Ladouceur
Locked Post
Search this post
Advanced Search
Subscription Options
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
Third Eye
Join Date 05/2001
0
Reply #1 July 27, 2001 4:21:57 PM
from WinCustomize ForumsWinCustomize Forums
Your link is down... but if I understand you correctly try aligning all of your tags "top & left" and then center the whole table with either the tag or a tag.

Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
Third Eye
Join Date 05/2001
0
Reply #2 July 27, 2001 4:22:54 PM
from WinCustomize ForumsWinCustomize Forums
oh yeah... make sure that your table is the exact width and height of your three images combined.
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
Silvergem
Join Date 07/2001
0
Reply #3 July 27, 2001 4:26:11 PM
from WinCustomize ForumsWinCustomize Forums
Sorry, the link is:
http://www.elvenlegend.f2s.com/gemstone/layout.html

And I can't quite do what you have suggested,take a look and you will seee why.
Reason for Karma (Optional)
Successfully updated karma reason!

Sign Up or Login and this ad disappears!
There are many great features available to you once you register. Sign Up for a free account and browse the forums without ads.

Silvergem
Maxim
Join Date 03/2001
0
Reply #4 July 27, 2001 4:37:49 PM
from WinCustomize ForumsWinCustomize Forums
http://www.elvenlegend.f2s.com/gemstone/layout.html

is the proper link. I don't understand the problem, it's doing exactly what you're telling it to. Looking at the source, here's some suggestions:

- the right cell is set to 400 pixels wide when the image is 300
- if you're not going to put any text in the left and right cells, put the images in as IMG tags, it's better and much more likely to render properly
- put some content in every cell. Netscape tends to not render empty cells, and IE doesn't render the middle cell properly in this case. Put in a non-breaking space (& nbsp; with no space) and lo and behold, it works.
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
Maxim
Join Date 03/2001
0
Reply #5 July 27, 2001 4:39:39 PM
from WinCustomize ForumsWinCustomize Forums
Bah, you hadn't corrected the link when I started replying...
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
Silvergem
Join Date 07/2001
0
Reply #6 July 27, 2001 4:48:33 PM
from WinCustomize ForumsWinCustomize Forums
Thanks
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
AJCrowley
Join Date 06/2001
0
Reply #7 July 27, 2001 4:52:06 PM
from WinCustomize ForumsWinCustomize Forums
Not sure EXACTLY what you're trying to do, I made a page with what I can tell from your code, correcting a couple of things that weren't strictly correct (eg height and valign belong in tr, not td). Download my version from http://www.projectginger.com/gemstone.html - hope it's what you're looking for.

AJ
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
AJCrowley
Join Date 06/2001
0
Reply #8 July 27, 2001 5:04:24 PM
from WinCustomize ForumsWinCustomize Forums
And if you want the picture to repeat across the entire length of the screen, a table is not the answer, as each cell has to match the size of the image to be repeated, and there's no easy way to calculate the number of cells without making it scroll, something like this would be more appropriate:



This would tile the image across the top as a background. Let me know if neither of my answers are what you're looking for.

AJ
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
AJCrowley
Join Date 06/2001
0
Reply #9 July 27, 2001 5:04:58 PM
from WinCustomize ForumsWinCustomize Forums
it appears to have deleted my html, I'll add it in a commented line in the file I linked to in my previous post.
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
paxx
Join Date 03/2001
0
Reply #10 July 27, 2001 5:05:15 PM
from WinCustomize ForumsWinCustomize Forums
Make a transparent 1 x 1 pixel transparent GIF and name it pixel.gif, then use this code:



 


Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
paxx
Join Date 03/2001
0
Reply #11 July 27, 2001 5:08:49 PM
from WinCustomize ForumsWinCustomize Forums
Hey!! Code is deleted from the msgboard...
Lets try this:
[TABLE border="0" cellPadding="0" cellSpacing="0" height="180" width="100%"
valign="top"]
[TR]
[TD background="layout_tl.gif" height="180" width="300"][img src="pixel.gif" width="300" height="1">[/TD]
[TD background="layout_tm.gif" height="180"] [/TD]
[TD align="right" background="layout_tl.gif" height="180"
width="300"][img src="pixel.gif" width="300" height="1"][/TD]
[/TR]
[/TABLE]

Of course replace the brakets with HTML ones.
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
AJCrowley
Join Date 06/2001
0
Reply #12 July 27, 2001 5:10:30 PM
from WinCustomize ForumsWinCustomize Forums
That wouldn't work Paxx, the problem is that the table is 100% width, and if the tds don't fill that amount, then they will be stretched to compensate, causing the overlapping.
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
AJCrowley
Join Date 06/2001
0
Reply #13 July 27, 2001 5:12:04 PM
from WinCustomize ForumsWinCustomize Forums
sorry, to hammer this thread....either that, or specify 100% width in the middle table data.
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
paxx
Join Date 03/2001
0
Reply #14 July 27, 2001 10:12:40 PM
from WinCustomize ForumsWinCustomize Forums
The code I typed works. I tested it myself.
The problem with IE is that TD widths are not kept unless they is content in it to force it to that width. Therefore the 1 pixel image that you stretch to the width you want your cell to be.
Try it, you'll see it works.
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
AJCrowley
Join Date 06/2001
0
Reply #15 July 27, 2001 10:53:26 PM
from WinCustomize ForumsWinCustomize Forums
Right you are sir, because the middle cell is of unspecified width it will stretch to fit if the other 2 fit their content, so both methods work. I'm still not sure as to what exactly Mr. Silvergem was trying to achieve with his page though, but whatever it was, I'm sure between us he's got enough to get it working now.

Cheers,

AJ
Reason for Karma (Optional)
Successfully updated karma reason!
Silvergem
craeonics
Join Date 03/2001
0
Reply #16 July 28, 2001 5:14:44 PM
from WinCustomize ForumsWinCustomize Forums
Jesus, them f2s servers are fiendishly slow... still loading...
Reason for Karma (Optional)
Successfully updated karma reason!
View all recent posts
Mark all posts as read Delete cookies created by the forum Return to Top
Stardock Forums v        Server Load Time:   Page Render Time: