Working with tables

Shinzor · 05-11-2008, 02:49 PM

Hey guys,

I am your average bob interested in html I design for fun when ever I can
just a question that has always confused me is. When websites have a
standard template of size X how does that size X expand when content of size Y in the main body of the page gets to big for the standard template of size X.

I am assuming you work with tables cut the template up, create header and footer have a body with a table where the table has a graphical background. Would be it but I have never seemed to find out how to add a graphic to the table. I dont know if thats correct if it is could someone please tell me how I can get this to work if it is not then tell me how it does work..

Thanks

**Jaxo** · 05-12-2008, 11:29 PM

Hey Shinzor,

Check out the links below. Great tutorials about how to create a website using photoshop. They step through creation, slicing and programming using css/html. There are two tutorials. The first below is creating the layout in photoshop with the second being the slicing and code part of it.

Part Digital Designs - Fundamentals of Interface Design

Digital Designs - From PSD to HTML

Hope that helps. I think the second tutorial will answer your question above. Walks through using CSS instead of tables to create your layout and how to use slicing to setup your background images. Same effect can be done with tables, but CSS is the better route in my opinion. One down side (not that big a deal) is that the author uses min-height which doesn't work with IE6. There are hacks to force IE6 to min/max height/width which I can supply if needed.

Shinzor · 05-13-2008, 08:13 AM

ahh nice stuff Thanks for your help Jaxo, www.taintedstudio.com (my website and the design I will be slicing) I have got some skills in photoshop predominantly a designer more then a web programmer but I know to become a master of the web I must push my coding beyond basic css, java script, php and x/html.

I will take a look into it and let you know if I require any assitance. Thanks once again.

**Jaxo** · 05-13-2008, 04:38 PM

Anytime!

Please keep us updated on how the site is coming along.

05-11-2008, 02:49 PM	#1 (permalink)
Shinzor Registered User Join Date: May 2008 Posts: 24 OS: Windows Vista	Working with tables Hey guys, I am your average bob interested in html I design for fun when ever I can just a question that has always confused me is. When websites have a standard template of size X how does that size X expand when content of size Y in the main body of the page gets to big for the standard template of size X. I am assuming you work with tables cut the template up, create header and footer have a body with a table where the table has a graphical background. Would be it but I have never seemed to find out how to add a graphic to the table. I dont know if thats correct if it is could someone please tell me how I can get this to work if it is not then tell me how it does work.. Thanks Last edited by Shinzor : 05-11-2008 at 02:51 PM.

05-12-2008, 11:29 PM	#2 (permalink)
Jaxo Design Team Member Join Date: Feb 2008 Location: Deming, NM Posts: 242 OS: XP SP2 & Vista	Re: Working with tables Hey Shinzor, Check out the links below. Great tutorials about how to create a website using photoshop. They step through creation, slicing and programming using css/html. There are two tutorials. The first below is creating the layout in photoshop with the second being the slicing and code part of it. Part Digital Designs - Fundamentals of Interface Design Digital Designs - From PSD to HTML Hope that helps. I think the second tutorial will answer your question above. Walks through using CSS instead of tables to create your layout and how to use slicing to setup your background images. Same effect can be done with tables, but CSS is the better route in my opinion. One down side (not that big a deal) is that the author uses min-height which doesn't work with IE6. There are hacks to force IE6 to min/max height/width which I can supply if needed. __________________ Help TSF Fight Cancer! Web Developer Tools: Firebug for Firefox \| IE Developer Toolbar \| Run multiple versions of IE

05-13-2008, 08:13 AM	#3 (permalink)
Shinzor Registered User Join Date: May 2008 Posts: 24 OS: Windows Vista	Re: Working with tables ahh nice stuff Thanks for your help Jaxo, www.taintedstudio.com (my website and the design I will be slicing) I have got some skills in photoshop predominantly a designer more then a web programmer but I know to become a master of the web I must push my coding beyond basic css, java script, php and x/html. I will take a look into it and let you know if I require any assitance. Thanks once again.

05-13-2008, 04:38 PM	#4 (permalink)
Jaxo Design Team Member Join Date: Feb 2008 Location: Deming, NM Posts: 242 OS: XP SP2 & Vista	Re: Working with tables Anytime! Please keep us updated on how the site is coming along. __________________ Help TSF Fight Cancer! Web Developer Tools: Firebug for Firefox \| IE Developer Toolbar \| Run multiple versions of IE