Comments on my new website please

[RandomTom]

I'm sure I've seen that template somewhere before ....

What are you implying mr sarcastic? all I did was change some images on his site, no real modifications to his html or css at all, therefore just showing what could be done.

Have a play Sir Squirrel and show us a design or two I bet one looks ace.

 

[Al Vallario]

Well as far as the HTML/CSS coding goes it is perfect according to W3 Schools Validator, I think if I just change the footer and background gradient it'll look a whole lot better, any other changes I can make?

The validator may say your code is correct, but ten seconds browsing through your HTML and I can pick out the following faults:

• Where are the headers? Your header image should not be inline (think of the mobile users!), it should be the background to a top-level header, defined in the CSS. Ditch the div and you've just saved yourself a few bytes, as well as adding the ability to define a separate header image in a stylesheet designed specifically for different mediums (print, handheld etc.). Have a read up on the Phark image replacement technique for pointers on why this method is better, and how you can do it.

• Again, ditch the div surrounding the navigation unordered list. Nice job on using an unordered list for navigation, I must say, but there's no need for the extra div.

• Put the first paragraph of text in div#content in a paragraph, ditch the line-break. In an ideal world there should be absolutely no need for line-breaks — one should be able to make do with padding and margins.

• Add title attributes to your anchor tags.

• The content in div#footer would be better marked up as an unordered list, in my opinion.

...and I haven't even ventured into the CSS or commented on the design yet

*av

 

[crashuk]

nice how did you get the media to work on the page iam having problems,

 

[Sirrel Squirrel]

nice how did you get the media to work on the page iam having problems,

If you have Flash Player 8 it should just work, only a few of the videos are uploaded though, so choose some from the top of the list

I'm going to start working on a new design for the site so wish me luck

 

[Sirrel Squirrel]

Hi again everyone, have only just started making a few changes to the site as I've been busy doing other stuff, so far I've come up with a simple change of changing the background, footer and nav bar plus the header,which I'm not sure on, any suggestions?

What do you all think (only index page is up) http://www.mia-media.co.uk/miatest/

 

[Gman]

Hi again everyone, have only just started making a few changes to the site as I've been busy doing other stuff, so far I've come up with a simple change of changing the background, footer and nav bar plus the header,which I'm not sure on, any suggestions?

What do you all think (only index page is up) http://www.mia-media.co.uk/miatest/

I think the diag lines particularly on the footer section are too dark as it's making my eyes go funny trying to read the links.

 

[Sirrel Squirrel]

I think the diag lines particularly on the footer section are too dark as it's making my eyes go funny trying to read the links.

Have a look now, better?

 

[Mark M]

You have to have a very well designed site if its going to dark, and personally yours doesnt quite cut it.

Its not a terrible site by any means but the colour scheme needs some attention or a tweak in the design, in my opinion

 

[Gman]

Have a look now, better?

yep readable now

 

[iCraig]

Hi again everyone, have only just started making a few changes to the site as I've been busy doing other stuff, so far I've come up with a simple change of changing the background, footer and nav bar plus the header,which I'm not sure on, any suggestions?

What do you all think (only index page is up) http://www.mia-media.co.uk/miatest/

A hundred times better IMO.

 

[Sirrel Squirrel]

Cheers for the comments, anyone got any suggestions for jazzing up the header?

Also what's the css code to move the page down about 30 pixels or so, so the header isn't touching the top of the browser window?

 

[Cuchulain]

Cheers for the comments, anyone got any suggestions for jazzing up the header?

Also what's the css code to move the page down about 30 pixels or so, so the header isn't touching the top of the browser window?

You could either add margin-top:XXpx to the header DIV or add the top margin into the CSS body tag.

 

[Mr_L]

Also what's the css code to move the page down about 30 pixels or so, so the header isn't touching the top of the browser window?

#wrap {
	width:768px;
	margin:[color=Yellow][b]30[/b][/color]px auto;
	}

 

[Sirrel Squirrel]

#wrap {
	width:768px;
	margin:[color=Yellow][b]30[/b][/color]px auto;
	}

yeh I've realised that now lol, haven't been thinking straight today

 

[Sirrel Squirrel]

Cheers for the help and comment everyone, the site is now live www.mia-media.co.uk