Hi all,

I`m confused, I have attached an image of a simple home page layout but I`m struggling to understand how the layout is achieved using HTML. I`ve googled for ages and don`t seem to be getting anywhere. Im trying to find out whether this layout would be achieved using either TABLES tags or FRAMES. Once I can find out which one it is I can start to have a play but all I seem to come up with is tables displays small information tables and frames scroll within each other, and display other pages within them which isn`t really what I`m looking for. Does anyone have a really good resource where I can learn how to actually layout a home page using HTML, please don`t post about CSS as I`m moving onto this next and I understand this is a much better way of doing things but for now I`m trying to get my HTML up to scratch

Cheers

You really don't want to use tables OR frames. Frames are horrible. HTML and CSS should work. Unfortunately I can't see your image (Flickr is blocked from work). Better to learn to use css for layout than get in the bad habit of using tables for layout.

Thanks for the reply. So its this i need to be looking at ? Man im confused

http://www.w3.org/TR/CSS2/tables.html

Everything i look at doesn`t give examples like the picutre i have posted, everything goes on about small tables with small borders, i want something to talk me through how to achiev a simple front page table layout but can`t seem to find a walk through anywhere

Yeah, that kind of 'walkthrough' is going to be almost impossible to find because there are so many ways to do a layout. I'll take a look from home where I can see your image.

You might want to try these:
http://www.build-your-website.co.uk/...ing-tables.htm
or http://www.davesite.com/webstation/w...gn/chap6.shtml

There are some basic example layouts here:
http://www.ironspider.ca/webdesign10...es4layout2.htm

the most accurate way it to build it with DIV's but if you are not good with CSS then i suggest useing tables for simplicity (i will get shot for advising that) just make sure you use tables within tables and DO NOT merge cells or have colspan=...

I wouldn't try to learn how to layout a website strictly in HTML because you'll have to un-learn it when you're introduced to CSS. I'd focus on writing clean, compliant HTML and start to dabble with CSS. I know that's not what you wanted to hear, but I think you'll be better off in the long run taking this route. In the end it's your choice, do as you wish. Good luck either way.

Originally Posted by LadynRed

You really don't want to use tables OR frames. Frames are horrible. HTML and CSS should work. Unfortunately I can't see your image (Flickr is blocked from work). Better to learn to use css for layout than get in the bad habit of using tables for layout.

Would you also qualify the use of iFrame as horrible?

always use divs not frames, your framwork is good and quite bit ordinary. Just work on your css to get the design looking good. Maybe you should research some more CSS to know what's wrong

I wouldn't try to learn how to layout a website strictly in HTML because you'll have to un-learn it when you're introduced to CSS.

I'm sorry, no matter WHAT you use to build a site, you still HAVE to use HTML !! CSS is the STYLING, HTML is the FRAMEWORK for your content.

Would you also qualify the use of iFrame as horrible?

Pretty much.

Originally Posted by LadynRed

I'm sorry, no matter WHAT you use to build a site, you still HAVE to use HTML !! CSS is the STYLING, HTML is the FRAMEWORK for your content.


Pretty much.

i think you're misinterpreting what they've said: i would take that to mean not to put everything in the html ("strictly HTML") i.e. all inline styling, or worse still deprecated html attributes, that all belong in a style sheet.

You must read w3school & w3 code validation.

I would suggest that you start to learn HTML/CSS. This is going to be the best thing for you when it comes to creating layouts. Tables can be used to create what you want, but tables are going out of style.

Take some time to look up CSS tutorials it will be very good for you, not just on this project but for future ones.