simple table question
This is a "101" type question:
Please look at mikesussman.com. I've decided to go with a subtle background pattern rather than just solid bgcolor along the left side. I know what to do on the dark blue areas above the menu but I'm not sure how to handle that little area in the very bottom left corner. It's a table cell in the bottom row. I know I can use colspan=2 to merge two adjoining cells in the same row, but what can I do to two adjoining cells in the same column, to make the background image appear seemless. Any suggestions? Thanks.
Suzanne posted this at 19:37 — 25th February 2003.
She has: 5,507 posts
Joined: Feb 2000
rowspan?
disaster-master posted this at 20:40 — 25th February 2003.
She has: 2,154 posts
Joined: May 2001
It looks like you have a HUGE image there for the background image. I saved it to my hard drive and it is width="150" height="1000"! I don't know how you squeezed that huge image into that little table cell but ya did.
Anyway, what you should do is creat a seamless image... say about width="100" (or however wide that cell is) X height="50" pixels and let it tile vertically.
Ideally, you should probably have all the content on the left side (menu, cell that the background image is in now and the cell at the bottom) wrapped inside a table. But to do this you are probably going to have to redo your whole layout. That way you could set the background in the table instead of the one individual cell.
The reason that little bit at the bottom left isn't showing the background image is you don't have a background image set for that cell. Only the one above it.
Hope I made at least a little bit of sense.
Sonia
seamless image example
fifeclub posted this at 19:34 — 26th February 2003.
He has: 688 posts
Joined: Feb 2001
I only threw that background image in there to see what it would look like. I didn't even try to put a background image in that bottom left corner because I knew that it would never lineup due to the fact that the row above it is variable height, and hence couldn't predict how the above background would end off.
As for the making the graphic seemless. I threw that particular graphic in there as a test. I kinda like the way it looks so I've since figured out exactly where to crop the image so that it will be seemless as a background.
And as for the problem... I could try rowspan=2 which would definitely allow those two areas to be seemless, but I want that content to be forced down to the bottom. Is there some way I can force the logo and that d### text to always go to the bottom no matter how long the page is? Can I work around this one obstacle by putting a 100% height table inside the merged dual-cell, between the menu and this bottom content? I guess that could work
kb posted this at 23:36 — 26th February 2003.
He has: 1,380 posts
Joined: Feb 2002
wow...not bad for a personal/family site!
i havent looked at your source code...but create a main table, for the whole page, and then your other tables inside it...close the table...add the bottom content...example:
<TABLE WIDTH="100%> <!-- I make the main one caps to be easier to see --><table width="100%">
<!-- main page -->
</table>
<table valign="bottom" width="25% align="center">
<!-- your bottom stuff...valign doesnt always work, but its worth a try -->
</table>
</TABLE>
something like that
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.