Hi guys, i put my first website on here a week or so ago to see what people thought of my coding, i'm now working more on the ldesign of the site and just wondered what people thought so far.

 

My site is:

www.bazhodson.co.uk

Hey Baz

A couple of things come to mind:

 

The font on your nav menu doesn't look right. Perhaps try it in bold? Also I don't like the yellow border that appears when you click on the nav links.

Thanks for the feedback Final, whats the best way to get rid of the border.

Thanks for the feedback Final, whats the best way to get rid of the border.

 

I dont see any border come up when I clicked on links, have you already changed it?

No not changed anything yet.

I believe you can remove the dotted border in Firefox with this:

 

a:active { outline: none; }

a:focus { -moz-outline-style: none; }

 

I believe you can remove the dotted border in Firefox with this:

 

a:active { outline: none; }

a:focus { -moz-outline-style: none; }

 

 

 

Tried this but didn't seem to work, also "-moz-outline-style: none; } " stops my css from validating.

Nice Site. The only bit I think needs sorted is how hard it is to read the white text further down the page. If you ever have any longer pages its going to get very difficult over that grey at the bottom.

 

I would try perhaps a semi-transparent background behind the body text (like those on your menu) or even behind the whole page. That said I really like the top half of the design as it!

 

Good job on the site. Cloud backgrounds are cool... I've just posted my portfolio with something similar.

 

Pete

Nice Site. The only bit I think needs sorted is how hard it is to read the white text further down the page. If you ever have any longer pages its going to get very difficult over that grey at the bottom.

 

I would try perhaps a semi-transparent background behind the body text (like those on your menu) or even behind the whole page. That said I really like the top half of the design as it!

 

Good job on the site. Cloud backgrounds are cool... I've just posted my portfolio with something similar.

 

Pete

 

Thanks for the feedback Pete, really appreciate it. Just had a look at your site, really like it, excuse the newbie question but how do you get your pages to scroll to the left like that.

First and foremost, if you have only been at this gig sub 2 weeks then I take my hat of to you Sir!

 

Also to fix your outline problem for firefox. Add this

 

a:link
{
outline: none;
}

a:visited
{
outline: none;
}

a:hover
{
outline: none;
}

a:active
{
outline: none;
}

 

and that's not invalid CSS markup.

 

Great to see you using a Strict doctype! Any modern site should use this.

 

Good job!

First and foremost, if you have only been at this gig sub 2 weeks then I take my hat of to you Sir!

 

Also to fix your outline problem for firefox. Add this

 

a:link
{
outline: none;
}

a:visited
{
outline: none;
}

a:hover
{
outline: none;
}

a:active
{
outline: none;
}

 

and that's not invalid CSS markup.

 

Great to see you using a Strict doctype! Any modern site should use this.

 

Good job!

 

 

thanks for that, been in print&design for years but only just started to learn web design and really enjoying it.

 

Don't suppose you could help me with a problem in IE6 & 7, my navigation instead of being flush with the top steps down can't seem to sort it.

Yeah, you wouldn't happen to be using inline block or something similar?

 

The cross browser way of making a horizontal menu is as follow

 

ul

{

margin: 0;

padding: 0;

list-style-type: none;

overflow: hidden;

}

 

li

{

float: left;

}

Yeah, you wouldn't happen to be using inline block or something similar?

 

Yeah i am thanks again, i'll give that a try, just been looking at your portfolio, nice site.

Thats sorted it, cheers a.q.r.c.

 

Don't suppose you know a way to sort transparencies in IE6 & 7, that still validates. The one i used works but my css doesn't validate with it, i could be using it wrongly though.