Well now that you got the site up I chime in on the design, first that white is way to bright don't ask me how that is possible it just is. Next I would say to add a bit of color to the site is to separate the header from the nav and then use rollovers for your navigation, and you can add color that way. As for the contrast I would say drop the black and go with a darker white, and then use drop shadows or a border to separate the site from the background, because the black and white contrast looks plain and uninventive and that you just slapped it together, and that green color your using for links you have visible change it do a darker color because you can barely see it.

Yeah I agree need some padding on the left side maybe 15-20px from the left will be good enough. As for your headers I would used <h1> or <h2> to separate them from the rest of the site and that way visitors can have a clearer understanding what they are looking at. Also a few more images will help to give it some color as well.

Ok I just saw your blog, and that begs the question would don't you use that color scheme as it looks a lot better then the plain black and white.

Thats all I have on changes you could make.

Personally, I would love some more color. You could use a gradient, add more patterns or do something more exiting. Currently I do not really like that design, but with some color it would be better. Also I think some different, new and nice brushes would do the trick. Good luck.

Looking at all of your comments, I have become severly dissatisfied with my work.... I realize that its far too plain and just crappy....

I'll just leave my website up how it is now... and I won't change it until I can succesfully create something that I actually like, and that you like. I've had a hard time creating something, considering I have had no internet access at home. That leaves me with absoluetelly no inspiration, neither can I learn new techniques, etc. Especiallly difficult when I'm trying to code up a layout and have no reference material....

I am going to try to create something epic, amazing and completely original... I will work hard on the layout, and try to use some of your suggestions that I can remember....

Well, anyways, that you for your help... I will work hard and make something much better.........

Now that I actually think about it... I will just try to fix it up.... I don't really want to start over.... it can be made much better now that I think upon it...

I made some changes to it... red background... same color hover links... there is also padding now.... well??? What else should I do... and should I get a gradient background?

http://2kart.trap17.com to view the changes.

This post has been edited by KansukeKojima: Jan 8 2008, 11:31 PM

The dark red background contrasts nicely with your content. I'm not sure if the structure is how you intended to be but if not you need to align it as the right side header image is too narrow for the content. I dont know what the bottom section is surpose to be a footer or another content section/container?

Most of the stuff left to do I think is widths and margin+padding adjustments for elements. If you are gonna do those adjustments and not sure whats causing them I would suggest you use firebug as it has an inspecter to quickly show you what elements have what effects on them.

Sorry, I don't quite get what you mean here.....

Just on the right side looks like padding or margins pushed the width out abit. but ifs its surpose to be like that then nevermind.

oh crap reallly..... grrrr..... I guess the browser compatability sucks.......... great...... well... that blohs....

Well, I know that it works with IE...... what browser are you using... and how can I fix this? feel free to examine my source code....

lol yeah man cross broswer coding can be a pain in the *bottom*. That screen shot I took was in firefox but its the same effect in safari too. I cant really check on IE since my PC is across the room on another table and I am too lazy to boot it up.

What it looks like to me is since you added the padding its effected the width of your divs. so I think one way is to keep the padding widths but reduce the width.


[codebox]
.padding {css.css (line 55)
background-color:#FFFFFF;
color:#000000;
font-family:verdana,tahoma,arial,sans-serif;
font-size:8pt;
padding-left:10px;
padding-right:5px;
text-align:left;
text-decoration:none;
width:600px;
}
[/codebox]

try reduce witdh to like 585px;
or you could try give it a max-width:600px;

looking at your source you have used <div class='padding' only twice and thats where its expanding out. The only other element I see that might effect it is <fieldset but it probably isnt. Hopefully changing widths of .padding class will do it.


note:
There could be number of things causing it like maybe content inside causing it to expand. I know margins also can cause it to expand but in your case I cant see any use of it so far.

This post has been edited by sonesay: Jan 10 2008, 12:01 AM

I tried the max-width thingy... and since I'm lame, I don't have any alternate browsers.... so yeah... is it fixed? Thanks!

It looks a bit tacky...Something I would've come up with a year ago. Are you going to slice it on photoshop and use tables?