Personal Website

[Reggie]

I'm making a personal site for a politician, there's alot of work to do, but would like to know what you guys think of it so far.
Any suggestions or remarks are always welcome!

http://paul.reggie.be

[Darwin Web Design]

I really like it too, it's classy and stylish.
The light grey text in the left column is very light and abit hard to read though. 
Well done

[Reggie]

@ Patricia:
- yeah I need to fix that for FireFox .. he centers in IE, but can't seem to manage it for the other browsers :s
- I guess the xhtml error is because I didn't put any alt="" in my img tags right ?

@Aussie:
- Thnx I'll make the left column darker.

[Nogga]

- yeah I need to fix that for FireFox .. he centers in IE, but can't seem to manage it for the other browsers :s

Try the following rule on the outer container:

margin: 0 auto;

(or if you'd like the full rule: margin: 0 auto 0 auto;)

that means, that the space right and left of the main container is split in two parts and each side gets the same margin allocated --> its centered. That's the right way to do it (not with text-align).
text-align is a rule to center CONTENT of a BLOCK element (e.g. p or div) but not for formatting BLOCK elements themselves.

[Dr.CSS]

Use it on the #wrapper...

#wrapper {margin:0px auto; border-right: 5px solid #FFFFFF; border-left: 5px solid #FFFFFF; width: 800px; height: 100%; background-color: #FFFFFF; }

[jah]

Nice page, but you should change the favicon. You are using the palmtre of CMSMS.

[komrath]

Nice Very smart layout

[Reggie]

Thnx all for the tips. Website is now live on http://www.paulhageman.be ...


@mark: I added the margin in my #wrapper. But for some reason the wrapper's height isn't 100% in FF :S

[Dr.CSS]

Add clear:both to the footer and change the as shown below.

If you want the same styling for 2 objects you can use [/color]
Copyright 2006 - Paul Hageman







Copyright 2006 - Paul Hageman



this is the end of the wrapper so everything will fit inside of it



And some more warnings...

line 46 column 37 - Warning: missing before
line 46 column 127 - Warning: inserting implicit
line 51 column 10 - Warning: discarding unexpected
line 51 column 17 - Warning: replacing by
line 51 column 17 - Warning: inserting implicit
line 51 column 17 - Warning: element not empty or not closed
line 46 column 6 - Warning: anchor "content" already defined
line 46 column 37 - Warning: trimming empty
line 46 column 34 - Warning: trimming empty

0 errors / 9 warnings

[gogou]

Consider adding a nice black lion on the page? It is not enought vlamish for my taste...

Seriously now:

- You should add a footer.

- Add space btw the top of the window and the content.

- Add another one btw the footer and the bottom of the page. Something like 10px or 15px.

- You use point under title link, It'll be more in the style of your design to use " - " to match your header theme.

- Your header would be more appealing if you trim the white border or add a 10px white on the top of it. Currently it shock.

- You should change the color under the header. Yellow is not eought yellow and black is not enought black.

- And last thing, in my imo color under your slogan should be 20% of yellow left and 80% of black right.

- Vlams ppl are nationnalist they will not appreciate a website that doesn't match the flag color.

see ya...

Edit, last thing:
- For the picture on the home page, it could be nice to add a frame around it (1px solid) with 5 or 10px of space btw the frame and the picture.
- Don't mix english and deutch, Home should be named Welkom or something else. Same goes for contact and links. In standpunten, milieu is a french word.
- You have issue with "Verkeersveilig" the g is cut. (under firefox)
- I'ld center the link bar and put it everytime at the same place. Not once up and once down.

[Reggie]

Thnx for all the suggestions ! I love it when ppl do this

@mark: If i put the footer IN the wrapper-div I'm not able to put the footer at the bottom of the page :\ That's why I placed it beneith it, and gave it a negative margin-top (Dirty, I know :p). Any sollution ? Cause it's a crappy page in FF indeed :s


@gogou:

- You should add a footer.

I did, but it's crappy in FF as told to mark.

Add space btw the top of the window and the content.

Done

Add another one btw the footer and the bottom of the page. Something like 10px or 15px.

This is allready the case in IE. If FF support is fixed it'll be separated.

You use point under title link, It'll be more in the style of your design to use " - " to match your header theme.

You're right.. in IE dotted doesn't exists, it'll be dashed instead. Forgot to change it

Your header would be more appealing if you trim the white border or add a 10px white on the top of it. Currently it shock.

Done, set to 1px instead of 5. Adding a border-top wasn't really appealing..

You should change the color under the header. Yellow is not eought yellow and black is not enought black.

Problem is, VLD has 2 colors that I HAVE to use in the design. It's the yellow from the logo (beneith the menu), and navy blue .. I managed to make it a better blue :p (Original it's like .. navy blue, Yuch)

And last thing, in my imo color under your slogan should be 20% of yellow left and 80% of black right.

Why should it be 20-80 ?

Vlams ppl are nationnalist they will not appreciate a website that doesn't match the flag color.

Lol no we are everything except that We will laugh at ppl who make their website in the flags color

Don't mix english and deutch, Home should be named Welkom or something else. Same goes for contact and links. In standpunten, milieu is a french word.

First of all, it's dutch, not deutch You're right about Home and Contact, but Links and Milieu are dutch words too That's the choice of P.Hageman himself, he makes up the content

You have issue with "Verkeersveilig" the g is cut. (under firefox)

Working on it ..

I'ld center the link bar and put it everytime at the same place. Not once up and once down.

At first it was at the bottom .. but we had some comments that he didn't have any points (ppl only saw the picture, and clicked on). So I put it at the top .. he doesn't want me to put the submenu at the top at every page cause it takes away the attention of the text.

[gogou]

Hello, sorry for yesterday, didn't had time to come.

It look better and better every time. Hope mister Hageman will like it as we like it

Just few other comment, I render your site under Firefox 1.5.0.6 and IE 6.0.2900 Using TFT at 1024x768 and 1280x1024

- I've just seen your footer but it should be darker, I'm sure it is nice on a crt but on both of my tft I've to change my color setup to see it.

- I cannot see the space  It is not really a problem, but it is bizare to have the V and the D glued on the top of the window.

- Nevermind then

- I see the dash under firefox, but i see nothing under IE, actually it is better without underlining your menu

- A that is really cool now (it could be perfect if you add a 1px white line at the top, like that the V and the D will not be glued to the window)

- My bad, on a crt your color are just fine. It is on my tft that they does seem this way. I know the problem with institution, you have to use their color 

- Difficult to say, like this it is good, since it is in the yellow col but it does not correspond to your theme under the header.
edit -> I tried, it is not a very good idea.

It is not bad, but it is too much. Can you try without anything under the slogan?

- Sorry 2°Degree it was a joke

- Eu yes, but links stand for left, no ? I just talk about that, because ppl doesn't care about language change, but institution don't like that  I was mixing also but now I try to stick at one language. But I know that those menu item are standard on the net
And if it is the choice of your client, then nevermind

- it can be a problem of block with negative offset? Or try to look at your css code, you can have two opposite use of the same id
edit -> Did you consider using submenu instead of a new menu? It could be a solution to your probleme with the G cut under firefox and your problem of position on the page.

- oh yes same problem I had with a restaurant site. I had to put a notice to remind customer to scrool to the end of the page lol, ppl don't scroll down. Well not every ppl just noob on the net

Keep up with your good work you'll have a nice site.

[TallDave]

First of all, nice work. I really appreciate the clean lines and attention to spacing/alignment. Sorry I can't comment much on your content as I only speak English and a bit of Spanish. I do have a few things you might want to investigate though.

TYPE COLOR - for the most part the body text is grey, but in nearly every block of text there are a handful of words that are a different color (blue I think). I don't know if you wanted those words to stand out or something, but they are quite tonally similar, and the text doesn't stick out much on my screen.

FORMATTING CONVENTION - In some instances, commas and other punctuation is incorrectly spaced. I don't know much about the semantics of Dutch grammar, but I always thought it was word-punctuation-space-word. Also under "Standpunten", the paragraphs of each section are separated by a space. However, under Milieu, this isn't the case.

ALIGNMENT - Your footer in the "Biografie" section is left aligned instead of centered as in the other sections. I'm using Mozilla Firefox 1.5.

I'm enjoying this forum more with every visit! Thanks for sharing Reggie.

[gogou]

Big problem on your production website unde firefox:
http://www.paulhageman.be/standpunten

The white don't go till the end of the page. :s

[Reggie]

@gogou:
First of all, thnx for commenting, I love honest oppinions :d

- Made the footer darker
- I added 1px border on the top. Do you think it's better now ?
- I'm trying to fix the FF bugs .. but I can't seem to manage to stretch the wrapper on "Biografie" :\
- Removed the footer for a sec, 'cause it's giving me a freak'n headache ! It travels from left to right in FF, dunno why, sometimes I fixed it by running the code - generated by fckeditor - through dreamweaver html cleanup. But erm .. damn
- I can't change the logo on the left :\ too bad
- I'm thinking about changing the submenu of "Standpunten", maybe I'll move it beneith the left menu ..
- idd "Links", means Left. We take over alot of english words in Belgium. For example, Internet, Website, ... it's all the same in dutch

@TallDave:
All of the text inside was written by Paul himself. But I'm working on the highlight issue. Check out "Biografie"