8 replies [Last post]
peterdouglas
peterdouglas's picture
Offline
Enthusiast
Montréal, Canada
Last seen: 11 years 16 weeks ago
Montréal, Canada
Timezone: GMT-4
Joined: 2005-06-20
Posts: 162
Points: 10

After quite a bit of work, this site is pretty much done. I'm fairly new to CSS and web design in general, so it's not quite as snazzy as some of your other sites here. It could have been better, as I changed one thing, it ruined something else, so I had to make some compromises.

Everything validates except for two table-related items that I used for a PHP contact form (got the code for free from a programmer's website). I wouldn't have used tables, but I needed a contact form and this was ready-made. Since I don't know tables that well, I'd rather not mess with it. Othewise everything validates.

In all honesty, I've done better sites, but I'm really still a beginner. Having said that, feel free to be brutally honest. It would be great to know your thoughts. I'd also like to thank those who have helped me fix some CSS glitches.

http://safelivingbarrie.com/

You're only young once, but you can stay immature indefinately -- Ogden Nash

antibland
antibland's picture
Offline
Leader
Pittsburgh
Last seen: 12 years 47 weeks ago
Pittsburgh
Joined: 2005-01-17
Posts: 603
Points: 0

Not quite the look I wanted, but it works. Comments welcome

Pretty nice job, but I feel that there's a lack of branding throughout the site. Your header information basically conveys that the site is about danger for youngsters, but you don't have any other images to support the header. Take a look at this zen garden design. Ok, so it's not the most amazing design ever, but you can see how the header image is supported by an image incorporated into each of the headers (e.g., "The Road To Enlightenment", "Participation", etc.). I think working that type of thing into Safe Living would do a lot of good with only a little effort.

- Antibland

peterdouglas
peterdouglas's picture
Offline
Enthusiast
Montréal, Canada
Last seen: 11 years 16 weeks ago
Montréal, Canada
Timezone: GMT-4
Joined: 2005-06-20
Posts: 162
Points: 10

Not quite the look I wanted, but it works. Comments welcome

antibland wrote:
Pretty nice job, but I feel that there's a lack of branding throughout the site. Your header information basically conveys that the site is about danger for youngsters, but you don't have any other images to support the header. Take a look at this zen garden design. Ok, so it's not the most amazing design ever, but you can see how the header image is supported by an image incorporated into each of the headers (e.g., "The Road To Enlightenment", "Participation", etc.). I think working that type of thing into Safe Living would do a lot of good with only a little effort.

- Antibland

Thanks for the feedback. I was thinking about the branding too. It's a new store and the owner hadn't really thought about branding, so I suggested going with the yellow header/black lettering to match her outdoor sign.

I took at look at the zen garden site, hadn't seen that one before, but I see what you mean about the branding. I could have maybe put a "brushstroke" type of background behind the headings. Might have looked like a highlighter effect in MS Word though...

I'll see about adding some more branding. She's already getting an amazing deal, but I'm also learning a lot too, so we all win!

You're only young once, but you can stay immature indefinately -- Ogden Nash

artketchup
Offline
Regular
Last seen: 16 years 25 weeks ago
Joined: 2005-06-16
Posts: 15
Points: 0

Not quite the look I wanted, but it works. Comments welcome

Layout is fine, strait forward. I would put a little bit of extra line space in your lists.

The bottom of the page ends a bit abruptly.

Last but not lest as said by peterdouglas, branding. Just something to bring a bit of texture to the header would do so much for the site.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 8 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Not quite the look I wanted, but it works. Comments welcome

I reckon some of the images could do with a bit more left margin/padding too.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 11 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Not quite the look I wanted, but it works. Comments welcome

You are using "Arial" as your main font. Its not the most legible font on screen displays, you may want to consider Verdana or Tahoma.

peterdouglas
peterdouglas's picture
Offline
Enthusiast
Montréal, Canada
Last seen: 11 years 16 weeks ago
Montréal, Canada
Timezone: GMT-4
Joined: 2005-06-20
Posts: 162
Points: 10

Not quite the look I wanted, but it works. Comments welcome

artketchup wrote:
Layout is fine, strait forward. I would put a little bit of extra line space in your lists.

The bottom of the page ends a bit abruptly.

Last but not lest as said by peterdouglas, branding. Just something to bring a bit of texture to the header would do so much for the site.

Yeah, a bit more line space in the lists helps, I made it 1.5 em, looks better. About the bottom of the page ending abruptly, it looks great in Firefox (Mac and PC), but not in IE/Win, couldn't get it work out.

About the header, it looks exactly like her outdoor store sign, so I was thinking of leaving it the same, so that it would match the physical sign. Thanks for the input!

You're only young once, but you can stay immature indefinately -- Ogden Nash

peterdouglas
peterdouglas's picture
Offline
Enthusiast
Montréal, Canada
Last seen: 11 years 16 weeks ago
Montréal, Canada
Timezone: GMT-4
Joined: 2005-06-20
Posts: 162
Points: 10

Not quite the look I wanted, but it works. Comments welcome

Tyssen wrote:
I reckon some of the images could do with a bit more left margin/padding too.

Yes, I know... that was one of my compromises...

If I added more padding, it threw something else off, or it would look good in Firefox, but not IE, or vice-versa. I'd like to play around with that a bit more sometime, but for now it will have to stay like that unfortunately.

What I was able to do without throwing anything off was to add another 50px of bottom padding. It spreads the pictures out a bit more vertically so they don't look so crowded.

You're only young once, but you can stay immature indefinately -- Ogden Nash

peterdouglas
peterdouglas's picture
Offline
Enthusiast
Montréal, Canada
Last seen: 11 years 16 weeks ago
Montréal, Canada
Timezone: GMT-4
Joined: 2005-06-20
Posts: 162
Points: 10

Not quite the look I wanted, but it works. Comments welcome

Chris..S wrote:
You are using "Arial" as your main font. Its not the most legible font on screen displays, you may want to consider Verdana or Tahoma.

I had actually set Geneva as the first font, but if the viewer's computer didn't have that, it was to use Arial. But, you're right, so I took your advice and set it use Tahoma as the first choice, then if that's not available, it will use Verdana, then Geneva, Arial, etc... or at last resort, whatever the user's default sans-serif font is.

Looks quite nice in Tahoma now, thanks!

You're only young once, but you can stay immature indefinately -- Ogden Nash