My new site

Sirrel Squirrel · 17 Apr 2006 at 01:36

Just finished uploading a completly new layout for my site now that I've started doing HD video so thought I'd give the site a new look to go with the HD transition, let me know what you think and what I should change,

http://www.mia-media.co.uk/index.html

MastermindUK · 17 Apr 2006 at 12:09

It would be nice if there was a little bit of padding for the text and maybe if it were justified.

The images on the portfolio page could probably be justified as well and I find the tutorials and contacts pages hard to read because the lines are so long.

The 'HD Content Requires Quicktime" icon could probably do with an alt tag.

Looks pretty good, though why are you using tables for layout?

iCraig · 17 Apr 2006 at 12:25

Not valid in XHTML and you've used tables for the structure

I agree with getting some padding on the text, looks crap right up against the edge of the table cell.

Sirrel Squirrel · 17 Apr 2006 at 16:22

How do you do it without tables? is that what divs are?

iCraig · 17 Apr 2006 at 17:20

Don't try and replace tables with DIV's. They are two totally different elements. A DIV is a divisional element, designed to hold and group other elements together inside. They can have set shapes, margins and a huge range of positioning properties. You need to head over to W3 Schools and read up on how elements should be styled using CSS.

You'll find that tables are designed for tabular content, e.g. football league scores etc, not for the layout.

Its a bit foreign at first if you're a table veteran, but you'll soon find how much better and flexible CSS based layouts are compared to tabled layouts.

CSS Zen Garden is a fantastic example of how powerful CSS is. The site has a base HTML file, however you can select different styles, submitted by the readers. The HTML doesn't change, nor the content. Just the stylesheet.

Sirrel Squirrel · 17 Apr 2006 at 18:41

iCraig said:
Don't try and replace tables with DIV's. They are two totally different elements. A DIV is a divisional element, designed to hold and group other elements together inside. They can have set shapes, margins and a huge range of positioning properties. You need to head over to W3 Schools and read up on how elements should be styled using CSS.

You'll find that tables are designed for tabular content, e.g. football league scores etc, not for the layout.

Its a bit foreign at first if you're a table veteran, but you'll soon find how much better and flexible CSS based layouts are compared to tabled layouts.

CSS Zen Garden is a fantastic example of how powerful CSS is. The site has a base HTML file, however you can select different styles, submitted by the readers. The HTML doesn't change, nor the content. Just the stylesheet.

That's really cool, I always thought CSS was just for font style, colours etc not the actual layout, will have to read up on it.

I've added the alternate text to the quicktime logo and added cell padding, plus justified the portfolio page, makes the site look better, thanks for the advice.