14 replies [Last post]
Schonhose
Offline
Regular
Last seen: 15 years 12 weeks ago
Joined: 2005-05-10
Posts: 11
Points: 0

Hi everybody,

After reading through some of the site checks here I feel I've a lot to learn. Nevertheless I was wondering if you could have a look at my page which is located at http://www.schonhose.nl

I'm particular interested how it's displayed in other browsers than Firefox and IE. Any comments on the design and how to improve it are also appreciated.

Please note that the entire site is in my native language (Dutch). Thanks for your time and effort.

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 12 years 14 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Site check: comments and suggestions please

Hi

It's very clear and easy to use - looks good.

Only things I can see that might be a problem are that in Opera the hover div (kruimelpad?) isn't full length, one line as it is in Firefox - it's all bunched up. At a guess it seems to be taking it's width from the navigation elements - maybe specifying a width on the element will help.

Also in Opera there's a border around your login box - setting your fieldset element to border: none; rather than border: 0px might fix it.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 7 years 1 week ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Site check: comments and suggestions please

It looks good in FF_Mac and Safari_Mac. In fact it looks very good. Well done.

The only little things I'd say about the design is that it is customary to link the top logotype to the home page, and the word MENU is sitting slightly high in its box. Try something like this:

#hoofd-menu{
line-height: 20px;
}

Also, the text cannot easily be scaled in IE as you are using pixel sizes, and a quick look at the CSS suggests that you could use short-hand to reduce the file-sizes.

Did you develop the CMS yourself?

Life's a b*tch and then you die!

Schonhose
Offline
Regular
Last seen: 15 years 12 weeks ago
Joined: 2005-05-10
Posts: 11
Points: 0

Site check: comments and suggestions please

Thanks guys for having a look.

@HellsBells: I've incorporated both suggestions. Hopefully this will fix the opera issues. Could you please post the version you're using?

@roytheboy: thanks for your suggestion. I've changed the CSS accordingly. Could you also please post the versions you're using?

However, I'm stumped by your comment on the text scaling in IE and by using shorthand to reduce the CSS files.

I'm fairly new at this CSS thing but I'm willing to learn. I just woke up one day and thought it was a perfect day for learning CSS, XHTML, PHP and MySQL.

I started out on developing a simple news management system so I can post news and people can post comments on the items. This was basically the first step in my own SCMS.

I've modified my own code over the last year to incorporate full editing of both news and comments, an archive, possibility of using avatars in the news items (as seen on the frontpage), support for both moderators (who can only delete and edit comments) and administrators (who can do everything).

Recently I started with my photoalbum, still in development although the uploading works like a charm. Next on the list is incorporating the FAQ and the menu items.

I'm learning as I go along and this sometimes forces me to rewrite some parts. Wink

I'll be happy to post some screenshots if you're (or anybody else) is interested.

[edit]
I've just thought of this: the page seems fairly blue to me, this could be fixed by introducing an other color (maybe something blue-green like or aubergine (purple)). This seems like a good idea but I've no clue where to use this new color.

I also do not like the white color around the site. Perhaps I'll change it to something light blue. Any comments on both subjects are appreciated.

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 12 years 14 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Site check: comments and suggestions please

Hi Schonhose

I'm using Opera 7.11.

If you want some inspiration regarding colour can I direct your attention towards this site belonging to your fellow-countryman (actually country-woman)

http://veerle.duoh.com/index.php?id=C0_8_2

She has a lovely way with colour schemes and if you dig around at her site she has suggestions about designing schemes.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

Schonhose
Offline
Regular
Last seen: 15 years 12 weeks ago
Joined: 2005-05-10
Posts: 11
Points: 0

Site check: comments and suggestions please

Thanks for the interesting link HellBells. I've stumbled upon Veerle's site earlier but forget to bookmark it. I'll take your suggestion and browse around a bit.

Did changing the CSS solve the problems in Opera?

Actually Belgium where Veerle is from is quite different from the Netherlands where I'm from Wink

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 7 years 1 week ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Site check: comments and suggestions please

Goedemorgen Schonhose,

I'm using Firefox 1.0 and Safari 1.3

See this > http://css-discuss.incutio.com/?page=UsingPixels for the problems with using pixels. My personal preference is to use pixels but I offer a php-based font (and site width) scaling tool that carries the user's preference in the URL and hard-codes the key font sizes (and div widths) into the head of the page (supplementing the linked style-sheet). Each to their own, but I prefer being able to offer font sizing AND being able to control what the layout looks like for each option.

See this > http://www.csscreator.com/css-forum/ftopic6672.html for shorthand help.

As a php/mysql CMS and application developer myself, I'm impressed by your efforts. Well done. Very neat Smile BTW: Everybody is learning as they go in this game Wink ...I've been learning as I go since I first learnt basic programming in the military back in the 70's, and I haven't stopped learning since. The IT and internet world doesn't stand still for a moment!

Yes, your site is quite 'blue' but I don't think that's a bad thing. It all seems to hang together nicely. Be careful about adding more colour though as you may lose the site's unique feel. If you want to try anything, try some thin lines of yellowy-gold here and there - just don't overdo it. But who am I to offer advice about the design as you obviously have a good eye for it yourself.

Life's a b*tch and then you die!

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 12 years 14 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Site check: comments and suggestions please

Schonhose wrote:

Did changing the CSS solve the problems in Opera?

The problem with the hovering div is sorted now in Opera. The fieldset still has a border - but hey it's not disasterous!

Schonhose wrote:
Actually Belgium where Veerle is from is quite different from the Netherlands where I'm from Wink

Right - Belgium is chocolates, Netherlands is tulips right?!? Sorry Schonhose, for whatever reason I'd thought that Veerle was Dutch (slaps head repeatedly) - shows how carefully I read stuff!:oops:

I have to say that I also quite like your blue and white site - the blues are quite soft so it's not a harsh contrast - I particularly like your footer and your navigation. It's simple and elegant.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

Schonhose
Offline
Regular
Last seen: 15 years 12 weeks ago
Joined: 2005-05-10
Posts: 11
Points: 0

Site check: comments and suggestions please

@roytheboy,

Thanks for the urls, I'll have a look at them. Thanks for your kind words about my eye for design. I have to be honest here, I'm more a programming than a design guy. You would believe how many designs I've made over the years since my first design at Geocities somewhere in the early nineties.

Webdesigning is much like writing a scientific report. Sometimes it's hard to spot the mistakes you made and you need someone to point them out to you.

Most of my friends are not webdesigners or programmers which makes it hard to get an objective response from them. Although all comments are taken into consideration I've found the majority of them rather superficial.

That's the main reason I've posted my site on this board. The quality of designs I've seen and their comments while I was lurking is quite high.

It's never wrong to get someone else's perspective on things. You might just learn from them. So by all means, tell me what you and others on this board would do differently.

@HellBells, you're right: the Netherlands are famous for their tullips, wooden shoes, windmills and their policy on soft-drugs Wink But nevermind the fact that you got it wrong, I wasn't offended by it. Tongue

Great to hear the bug in Opera was mostly solved. To bad the border issue hasn't changed by changing the CSS. I'll have a look into that later this day (or evening). (As a perfectionist I would like to have it fixed Wink )

Thanks for the comments on the footer and the navigation. :oops:

In general I'm overwhelmed by the nice comments you've made so far on my site :oops:

[Edit]
Hopefully the information in this post has solved the border on the fieldset in Opera:

http://lists.evolt.org/archive/Week-of-Mon-20030721/145315.html

Please let me know if this works.

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 12 years 14 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Site check: comments and suggestions please

Actually - talking about inspiration and colour - one of the most amazing things is flying low over the Dutch country-side when the tulips are in bloom. It's like a massive abstract painting - great tracts of colour. Truly incredible.

Oh and you forgot Pancakes. There's a Dutch pancake house in London - mmmmm!

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

roytheboy
roytheboy's picture
Offline
Guru
North Wales, UK
Last seen: 7 years 1 week ago
North Wales, UK
Timezone: GMT+1
Joined: 2004-09-18
Posts: 2233
Points: 41

Site check: comments and suggestions please

...and the stroopwafels; don't forget the stroopwafels (waffle biscuits with syrup) - you can't get them in England Crying, like you can't get Shredded Wheat in NL. Ho hum :roll: But I digress; back to the website...

Life's a b*tch and then you die!

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 12 years 14 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Site check: comments and suggestions please

Border problem solved!

Thanks for that link by the way, very useful - I'm off to change a whole load of my stuff now!

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

Schonhose
Offline
Regular
Last seen: 15 years 12 weeks ago
Joined: 2005-05-10
Posts: 11
Points: 0

Site check: comments and suggestions please

Before we head back to the website I would like to point out the English have marvellous tea (I normally only drink the English blend) and great comedians and comedy's (Blackadder, Mr. Bean, Smith & Jones, Not the nine o'clock news and Have I got news for you).

Couldn't let you guys say those nice things about the Netherlands while not adding my own on the UK. Wink

@HellBells, NP.

I was wondering if you guys could make some screenshots of the browsers and my page in it. I would love to show my visitors the effort I've done to create a page which is displayed more or less the same in the latest versions of all major and minor browsers.

HellsBells
HellsBells's picture
Offline
Leader
Bedford, UK
Last seen: 12 years 14 weeks ago
Bedford, UK
Joined: 2004-04-07
Posts: 851
Points: 0

Site check: comments and suggestions please

Even easier - go to browsercam.com and sign up for the free trial - then you can take screenshots in dozens of browsers and both PC and Mac - and download all the screenshots. Very cool.

My strategy is so simple an idiot could have devised it!

"Also, your CSS (no offence) makes me want to gouge my eyes out with a rusty spoon" - TPH

Schonhose
Offline
Regular
Last seen: 15 years 12 weeks ago
Joined: 2005-05-10
Posts: 11
Points: 0

Site check: comments and suggestions please

Browsercam was indeed a good site. Awesome to see my site in different browsers.

roytheboy: I played around a bit with px and em for the fontsizes but could really get a grasp of the difference.

[edit]
I've changed some minor things, mostly in the code. The top logo now links back to the website and I've added some minor CSS changes.