Jump to content
xisto Community
wasi

Html, Css, Tables... 3 column, header, and possibly footer

Recommended Posts

Which one should I use to design my site with? Or mostly use anyway. Which is better for making it 3 column, header and maybe footer? Where can I find a ready made code? ;)

Share this post


Link to post
Share on other sites

Well, you'll definitely need HTML ;)

For the layout, I'd use CSS, and not tables. Not only will you get cleaner, easily readable markup, you will probably also need less markup using CSS, which means less bandwidth used.

If you want a nice tutorial that explains all steps (and has a summary at the end if you just want the code needed) you should go here. Scroll down to the bottom, it's "Tutorial 9. Liquid three column layout" you'll want to check out.

Good luck.

Share this post


Link to post
Share on other sites

the problem with CSS is that positioning doesn't always show the same way across browsers. In tables, it is a lot more consistent.And, I don't want to get into the arguement of "compliant" browsers. Cause, there are differences between all "compliant" browsers. not all of them support the same CSS functions in the same way.If you are only going to use BASIC CSS functions then, it should display properly across all browsers.Edit: Personally though, I only care about IE, Firefox, and Mozilla. All others represent less than 3% (on my site). If, they don't see it properly. I don't care.Approx.IE 89%Firefox 6%Moz 2%Others 3%

Share this post


Link to post
Share on other sites

It's true that CSS and different browsers can be tricky, however (as you no9t9 pointed out) basic CSS will work okay most of the time. The site I linked to does give a three column layout with a header and a footer, which looks the same in both IE and Mozilla browsers (haven't tested in Opera myself, but it should look good), it makes a few hacks to make it look the same in IE as in Mozilla.

If you want to see more advanced things being done with CSS that look good whether you are using IE or Firefox you should check out CSS Zen Garden.

Share this post


Link to post
Share on other sites

Ok I found a ready make css template I downloaded it uploaded it to my (I'm transfering my site to Xisto) site folder. And it's all ready (I hope it looks good I made a few changes) and now it's there what do I do with it? It's three column with a header, but how do I make it show on a page and how do I add stuff to the different columns??

Share this post


Link to post
Share on other sites

Oh. I didn't know it was supposed to go in the public_html directory. My bad. I wasn't paying attention.=DWhere is the right place in the HTML document?Ok, I did that. But if the site is http://forums.xisto.com/no_longer_exists/ shouldn't it go automatically to the index.html page? Instead of http://forums.xisto.com/?

Edited by wasi (see edit history)

Share this post


Link to post
Share on other sites

if you put your index.html file in the public_html directory it will automatically be found. I forget the order but it will automatically look for index.html, index.htm, and index.php. If none of these are found, it will display 404.

Share this post


Link to post
Share on other sites

=) It works. Thank you. But ahh I still can't figure out how to get the css template to work. ;) I tried to look it up on some tutorial sites but they don't really help.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.