View Full Version : Incorporating CSS with tables for layout?


AznRurouni007
02-24-2004, 03:41 AM
I'm wondering how to use the elements of CSS (so all text on the page and formatting is the same, etc..) and using a table with 0 border to arrange a background thats split into pieces into a whole picture that has links integrated into the picture. i would like the picture to stay the same and have just the content change in a certain part of the picture. example is http://www.mokafolio.com/vs/. if you press select all, you can see the different pieces of the picture .. and if you view the source code, the table code is there also. thanks for any help, if you need any clarification please don't hesitate to ask, my AIM is AznRurouni007 and my email is AznRurouni007@invizion.org

jtchange
02-24-2004, 08:11 PM
i would prefer to ask here on the board...

i don't understand exactly what you want...please explain more

Lemon Squash
02-24-2004, 08:15 PM
So that everything is the same on every page you could use an external style sheet.. Click (http://www.lissaexplains.com/css2.shtml)

And for a background inside your tables do you mean this (http://www.lissaexplains.com/tables.shtml#background)?

For the content to change in a certain part of the picture you'd need to add target="name of inframe" to the bit of link code in your image map or what you are using, which will open up in the iframe.

For the inframe (http://www.lissaexplains.com/frames.shtml#inline) you'd need to add target="name of iframe" to this also (make sure it's the same as in the iframe than the image map or what you are using.) And to position the iframe where you want it in the picture you can use divs (http://www.lissaexplains.com/html7.shtml).

Phew.. i think that's what you're trying to ask.. tell me if it's not X:

AznRurouni007
02-24-2004, 09:58 PM
thanks for your reply lemon squash, it answered quite a few of my questions .. but for background .. i mean i want to set up a huge table on the main page .. and fill the table with chopped up pieces of a main picture, and when all inserted back into the table, reforms the picture. as for the iframe .. do you know how to make it so that the iframe blends in with the layout picture? i think it will work if i use a buffer zone as the background of the iframe and use the same bg on the table layout ..

guess i got a ways to go with learning divs ^_^ thanks again for your help ..

Lemon Squash
02-24-2004, 11:38 PM
That link i gave you about tables should work for the picture thing you want.. just cut up your image into pieces and insert the code into each cell..

For the background of the iframe you could make it transparent (http://framecodes.epolady.com/faqs.html) so the image behind it would show through on its own.. but that doesn't work in all browsers so keep that in mind. But you could always chop the piece off the image you want to show through and just put the url to it in the background code (of all the inframe's pages.)

acsinclair
03-20-2004, 02:24 PM
Actually the link you posted does not use an inline frame...but uses php.