3 replies [Last post]
kentphoto
Offline
Regular
Vancouver
Last seen: 12 years 45 weeks ago
Vancouver
Joined: 2007-05-03
Posts: 11
Points: 0

Hi CSS friends,

Could you please have a look at my new kid's site:

http://www.burbykids.com

Thanks in advance for the feedback,

K.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 19 weeks 6 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Nice design and idea! I'd

Nice design and idea!

I'd probably ditch the JS in the head as well as those embedded CSS styles, they're laregly redundant.

The colour-changing effect doesn't need to use image squares - you could mark up a definition list instead, something like this:

Colors Available
Black
White
Beige
Dark Blue

dl#colors-available { float: left; /* for shrink wrap */ margin: 1em; font-size: small; border: 2px solid #ccc; border-width: 0 2px 2px 0; overflow: auto; }

dl#colors-available dd {
float: left;
height: 0.1em;
width: 0.1em;
margin: 0.2em;
text-indent: -9999em;
border: 1px solid #000;
line-height: 0;
padding: 1em;
}

dd.black {background: #000;}
dd.white {background: #fff;}
dd.beige {background: #f7f3ef;}
dd.darkblue {background: #120b59;}

Verschwindende wrote:
  • CSS doesn't make pies

thatboyjim
thatboyjim's picture
Offline
Regular
Last seen: 12 years 13 weeks ago
Joined: 2007-01-25
Posts: 41
Points: 0

Nice start... From a

Nice start...

From a usability point of view, I feel your home page should have less on it.

Maybe have a different home page with obvious click throughs to the shop and highlighted products, etc.

With this, you will need a 'Home' link in your navigation.

I would be tempted to use slightly smaller images with the option to increase the size when clicked on.

However, this site is potentially a good site. Well done.

James

kentphoto
Offline
Regular
Vancouver
Last seen: 12 years 45 weeks ago
Vancouver
Joined: 2007-05-03
Posts: 11
Points: 0

Thanks for taking the time

Thanks for taking the time to look at the site.

I had the feeling that the content on the index page was a bit too much, and a bit too big. I may get around to shuffling some things around - as I get new products developed, and properly categorize them.

How would you create the remote rollover using CSS? I need the image and the text to change, so using JS was the best solution for me.

(I had to take a class to get this site idea done, so I'm still a bit of a newbie:))