View Full Version : Table issues with odd slice sizes (back to basics)

02-13-2009, 03:46 PM
Hi Everyone, nice to meet you all. I am a new member who decided to buckle down and learn html/css. There's a lot to catch up on! I am starting from the basics and working my way up, which I think is the best approach.

I have a basic question about tables. If you look in the image below, I have an example of a sliced up image. The problem I run into is when trying to put it together in a table. The odd nature of their arrangement in the lower half leaves massive gaps and is basically a mess. Is this the wrong approach to slicing? In theory I would want to put text in slice 6. The reason for this exercise is to get a better handle on what tables can support.


02-13-2009, 04:10 PM
Hi shaggyboo,

Welcome to CF! Kudos for wanting taking the time to learn HTML and CSS.

You should know, however, that the approach you're taking to page layout--using tables and slicing up your images--is quite outdated and no longer favored (http://phrogz.net/css/WhyTablesAreBadForLayout.html) by the majority of web designers. If you're using a book or an online tutorial to learn HTML, I'll bet it's probably something at least a few years old.

The overwhelmingly favored method is semantic (meaningful) HTML and styling/layout with CSS. It separates the content of your page, which is contained in the HTML, from the presentation of your page, done with the CSS. Tables blur the distinction between the two and have many other drawbacks as pointed out in the link above. From a graphic design standpoint, using CSS for layout is a revelation since there's no need to slice up images in the first place. The tutorials here (http://www.w3schools.com/) are a good place to start.

Good luck!

02-13-2009, 04:17 PM
If you look in the image below, I have an example of a sliced up image.
:eek: I'd recommend you to just pause there and see "Why tables for layout is stupid? (http://www.hotdesign.com/seybold/)"

Then have a look at a good CSS based 3 column layout at http://www.bonrouge.com/3c-hf-fluid.php
oh.. I'm late

02-13-2009, 06:21 PM
Thanks for your responses mes amis.

Your thoughts were most helpful. Basically what I was trying to do was start at the beginning with html and work my way up. I will use w3schools combined with this forum to help me launch into CSS. I do have a pretty good understanding of basic HTML, is this enough to begin getting familiar with CSS? Maybe it's almost better that way since I'll be less likely to use ol HTML tricks.

So w3 is the best place to start. Thank you. Does anyone have any tutorials of pages that just have the basic single column, centered in the middle of the browser?

I think I will pick this up quickly. Good to know that there are folks like you around to help me connect the dots from time to time.


02-13-2009, 06:56 PM
De rien, mon ami.

A good understanding of HTML is a great place to start. Just remember: Content goes in the HTML, presentation goes in the CSS. That means even attributes that would traditionally go in HTML tags, like width="40px" or align="center", now go in the CSS instead. Anything deprecated here (http://www.w3schools.com/tags/default.asp) is a no-no, according to the new paradigm.

Here is a page of layouts (http://blog.html.it/layoutgala/), and this is another great resource (http://webdesignfromscratch.com/).