TeamPhotoshop
Reviews, updates and in depth guides to your favourite mobile games - AppGamer.com
Forum Home Latest Posts Search Help Subscribe

Liquid Page Design

Page: 1 Reply
Jun 13th 2002#52928 Report
Member since: Jun 13th 2002
Posts: 21
Does anyone know what the code is or how to incorporate liquid page design into a Web site. I searched some sites and I can't find anything that tells me how to do it.

Just in case I'm not referring to the terminology correctly, I want my Web site to adjust according to the viewers screen size. So that if they resize it, the contents adjust.

Thanks
~R~
Reply with Quote Reply
Jun 13th 2002#52930 Report
Member since: May 1st 2002
Posts: 3034
just put all your stuff in a table and set its width to 100%
and have it centered like this
[center]
[table width="100%"]
[/table]
[/center]
Reply with Quote Reply
Jun 13th 2002#52932 Report
Member since: Jun 13th 2002
Posts: 21
So I'm presume I need to do this to all my tables, right? I'm new at this bare with me. Does the [center] tage ensure that when the page is resized the contents stays in the center of the screen?

Thanks a bunch. I tried with the body of my page and so far it works. I'll be back if I have other problems.


Thanks
~R~
Reply with Quote Reply
Jun 13th 2002#52937 Report
Member since: May 1st 2002
Posts: 3034
if you have the center tag out side your main table
cause I'm assuming you have tables in side your table,
it will center the whole thing,
and you don't need to have all you tables @ 100%
just the main one
..
for example

table width=100%
tr
td
table width=whatever
/table
/td
/tr
Reply with Quote Reply
Jun 14th 2002#53018 Report
Member since: Mar 18th 2001
Posts: 6632
I never put mine in a center tag... If it fills the whole screen then it doesn't need to be centered...

But yeah... just make your outermost table 100%.

Then your graphics have to be designed in such a way that they can tile indefinitely horizontally. Otherwise you will get nasty repeating patterns and so forth. But you only need to worry about that if you use a header graphic that you want to fill the whole screen. Or a background image that you don't want to tile.
Reply with Quote Reply
Mar 1st 2003#93433 Report
Member since: Jan 27th 2003
Posts: 89
[QUOTE]Originally posted by Zyconium
[B]just put all your stuff in a table and set its width to 100%
and have it centered like this
[center]
[table width="100%"]
[/table]
[/center] [/B][/QUOTE]

When I made it 100% my site just seemed to split up. I had parts of graphics in the center and parts in the same place as before.
Reply with Quote Reply
Mar 1st 2003#93481 Report
Member since: Jul 6th 2002
Posts: 316
not sure about tables... i use css
check this out
http://glish.com/css/ or http://bluerobot.com/ or http://www.alistapart.com/stories/flexiblelayouts/

search google for more (keywords: fluid design)
Reply with Quote Reply
Mar 1st 2003#93490 Report
Member since: Mar 20th 2001
Posts: 3367
http://www.zedb.com/?lp=home

Feel free to look at the HTML codes( only )
Reply with Quote Reply
Mar 1st 2003#93542 Report
Member since: Jan 27th 2003
Posts: 89
Um a little off topic here, but sidez isn't really banned is he..
Reply with Quote Reply
Mar 2nd 2003#93644 Report
Member since: Mar 20th 2001
Posts: 3367
I banned myself as a mod :p
Reply with Quote Reply
Page: 1 Back to top
Please login or register above to post in this forum