Quantcast

Creativebits.org

an All Creative World site
digilee's picture
221 pencils

Site crit would be handy

Guys,

If you have 5 mins I would appreciate your views on an update to my site.
i have a lot of content to add but generally it will follow this design.

What i aimed for is a small, clean and to the point site.

www.rickler.com

Cheers,

lee

take it there > http://www.rickler.com

Site crit would be handy

Commenting on this Image is closed.

Ivan's picture

Very unusual layout which is good. I like it. The only thing is that the contrast is bit too low between the light grey background and the darker grey type. You may want to increase the difference a bit.

pokie's picture
1198 pencils

Did you just say cute?!?!?! hehehe

Mississauga's picture
187 pencils

The look is very cool, but is it possible to have it all centered within the browser? It seems cramped, all up in the top left corner.

Alec

digilee's picture
221 pencils

Thanks for the positive response.

Ivan, I've taken the text colour up to the next level - better?

Mississauga, I know what you mean about it possibly being better centered but i use layers/ divs and i had problems with the layer positioning in some browsers.
This was seems to work best.

Cheers guys.

take it there > http://www.rickler.com

Greg's picture
311 pencils

Here's some CSS I use to center my site (In IE6, FF, O, Safari etc.)

<br />
#divthatyouwanttocenter {<br />
  width: 100px;<br />
  margin-left: -50px;<br />
  left: 50%;<br />
  position: absolute;<br />
  }<br />

The way it works is that the "margin-left" is negitave 1/2 of the width, then you make the "left" 50%. That centers it! (You can center vertically too, if you define the height and have a margin-top negitave 1/2 of that and make the "top" 50%.)

Hope this helps!

CSS is awesome. :c)

Mississauga's picture
187 pencils

I was hoping someone would provide a suggestion. The site would benefit from centering. Thanks!

Give it a try, digilee.

Alec

digilee's picture
221 pencils

Seems to work, thanks loads.

Only change I made was to make margin-left: -200px; as -50px didn't center the div enough. In fact having the div set at -200 offset it slightly which looks a bit better to me.
I haven't managed to test this everywhere so if it seems strange to you, let me know what browser/ platform etc.

take it there > http://www.rickler.com

Greg's picture
311 pencils

margin-left has to be negitave 1/2 of whatever the width of the div is. See how it works? You're telling the browser that the margin for the left side is actually in the middle of the divider, then you say to put that margin in the center of the page, or 50% away from the left side. Pretty neat.

The site looks a lot better by the way! Good job.

Mississauga's picture
187 pencils

... looks great on Safari under OS 10.4.1.

Alec

digilee's picture
221 pencils

thanks guys.
lots of extra work being uploaded, man I've done tons of projects over my tens years in this industry!!
once i have uploaded a load more i might start to get problems with the thumbnail row. I'll see what I have to do then.

take it there > http://www.rickler.com

aRrAy creative's picture
42 pencils

He said CUTE!!

aRrAy creative's picture
42 pencils

My only comment - because the site is really good! - is that the following type should be organized... (the information following the thumbnails). It looks a little out of place.

Creativebits is a blog about creativity, design and Macs. We also have a critique section where you can post your work to get opinions and a forum to discuss any design related topics.

Recommend us on Google

Latest critique

  • Butterfingers ad campaign
  • Critique for my logo

Marketplace