9 replies [Last post]
malbolgia
Offline
newbie
Last seen: 15 years 45 weeks ago
Timezone: GMT-5
Joined: 2005-09-16
Posts: 6
Points: 0

I have been working on a new site to showcase my portfolio and maybee have a blog. I think i am finished with it now but id like some opinions on what can be improved

http://mattoidesign.com

thanks a lot

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 12 years 26 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

My portfolio + blog

I would lose the horizontal scrollbar if you do not need it. It is showing up in IE6, FF, and Opera for Windows. Smile

This is my big chance . . . yep, I blew it . . .

malbolgia
Offline
newbie
Last seen: 15 years 45 weeks ago
Timezone: GMT-5
Joined: 2005-09-16
Posts: 6
Points: 0

My portfolio + blog

n8gz4ez wrote:
I would lose the horizontal scrollbar if you do not need it. It is showing up in IE6, FF, and Opera for Windows. Smile

thank you i had not noticed this, seems there is something wrong with the banner i will fix this Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 28 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

My portfolio + blog

Loose the width 100% on the body along with the left margin.

Use the #container div to hold all the elements including the banner and put margin:0 auto; on it to center it on the page.
Scrollbar should vanish and content will be centered.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Mike Cherim
Mike Cherim's picture
Offline
Enthusiast
Nottingham NH
Last seen: 14 years 23 weeks ago
Nottingham NH
Joined: 2005-08-26
Posts: 126
Points: 0

My portfolio + blog

That is very unique! I want to say it almost has a holy Batman look to it, lol. It's nice.

The navigation should be done and styled by CSS and put in a list.

I would make your banner image 780px, resize to 750 and use a "<div id="wrapper"></div> (or container) div of the same width. Then use this CSS for the general layout:

* {
padding : 0;
margin : 0;
}

#wrapper {
width : 750px;
padding : 0;
margin : auto;
}

Or, if you don't want to use the star selector:

#wrapper {
width : 750px;
padding : 0;
margin : 0 auto 0;
}

Unless you don't want it centered, lol. (Disregard above, make skinnier please).

Overall it's cool looking.
Mike

malbolgia
Offline
newbie
Last seen: 15 years 45 weeks ago
Timezone: GMT-5
Joined: 2005-09-16
Posts: 6
Points: 0

My portfolio + blog

i have fixed the problem thanks for your input Smile

malbolgia
Offline
newbie
Last seen: 15 years 45 weeks ago
Timezone: GMT-5
Joined: 2005-09-16
Posts: 6
Points: 0

My portfolio + blog

some new minor fixes

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 21 weeks 22 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

My portfolio + blog

It's still a smidgeon too wide for an 800×600 window. Nice design, though. I wouldn't center it, myself. It maintains 'presence' even in a 1280×960 window. As to an 800 wide window, with large screens, we can scatter smaller windows about the desktop. I cannot imagine trying to work with larger apps wasting space.

You might find a way to bring your side menu up a bit. It runs below the fold. A menu, IMO, should not require scrolling.

You might consider a better background color for the text area. The white is garish by comparison to the softer look of everything else.

Did I say it's a nice design? Well, it is.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

malbolgia
Offline
newbie
Last seen: 15 years 45 weeks ago
Timezone: GMT-5
Joined: 2005-09-16
Posts: 6
Points: 0

My portfolio + blog

kk5st wrote:
It's still a smidgeon too wide for an 800×600 window. Nice design, though. I wouldn't center it, myself. It maintains 'presence' even in a 1280×960 window. As to an 800 wide window, with large screens, we can scatter smaller windows about the desktop. I cannot imagine trying to work with larger apps wasting space.

You might find a way to bring your side menu up a bit. It runs below the fold. A menu, IMO, should not require scrolling.

You might consider a better background color for the text area. The white is garish by comparison to the softer look of everything else.

Did I say it's a nice design? Well, it is.

cheers,

gary

thank you

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 12 years 19 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

My portfolio + blog

Nice looking site. the Header image immediately caught my attention. I agree with the others...it would look good centered. I tested all pages on a Mac in FF and Safari. Firefox renders everything properly, but I noticed in Safari that it is doing weird things with your form on 'contact' and 'new beginning' pages...you may want to look into that if you have access to a Mac.

- r