13 replies [Last post]
Theros
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2005-11-04
Posts: 35
Points: 0

Hey guys, after working on this site for awhile, I need some fresh ideas to finally finish it. I feel that it is very close but its not just there...

I check it with validators, and the XHTML and the CSS validators for some reason say it fails... Though, I fail to see their logic by reading why? (Maybe somebody can help me here). Also, kudos to anyone who can make good comments and advise me on what to touch on to finish the site thanks, all! Laughing out loud

*EDIT* Now I have fixed the coding so it is now Both XHTML Valid and CSS valid! Finally! Laughing out loud

But I was not able to implement any graphical chances becuase I havent had a chance to, thanks all!

http://thinkpoint.us.to:8080/site/ or if that doesnt work
http://www.thinkpoint.be

*EDIT* Whops, this checks out in Firefox, IE, and I think Safari... (All the most recent versions.)

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 5 years 19 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Site Check with Ideas Needed!

Here are some fixes for the validation i found.

<link rel="shortcut icon" href="favicon.ico"> should be <link rel="shortcut icon" href="favicon.ico" />

and

Error  Line 28 column 7: ID "title3" already define

if more then one div is using "ID" you should be using "CLASS" instead.

and

Error  Line 28 column 34: ID "content-side" already defined.

See above

as for the rest. it doesnt like the flash tags you used... do some research and make sure that those are the recommended tags for flash... i dont personnally deal with flash so I am of no help there.

---

Now to the CSS

#page a:hover   
{
text-decoration: none;
font: Verdana, Geneva, Helvetica, sans-serif;
}

needs to be

#page a:hover   
{
text-decoration: none;
font-family: Verdana, Geneva, Helvetica, sans-serif;
}

as for the rest - i dont think padding can be negative, i think you should margin instead.

----

Now to the site itself

The URL - you need to turn the masking on on your domain. When i clicked your link and it changed to an IP address (http://70.177.163.39:8080/site/) it made me nervous.

Fonts - In my opinion you have too many font faces

Nav - the left nav bar doesnt seem to fit with the flow

Flash - the top flash thing i guess is good flash (compared to my flash skills... zilch) but it doesnt work with the site (colors, design, etc)

I dont know what to tell you to do to fix it, i have enough problems designing my own stuff much less someone elses. But those are thoughts.[/code]

all ยป http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Theros
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2005-11-04
Posts: 35
Points: 0

Site Check with Ideas Needed!

Ok, thanks Ill check out the problems and hopefully fix all that. Although what do you mean by the below?

Quote:
Fonts - In my opinion you have too many font faces

Nav - the left nav bar doesnt seem to fit with the flow

Flash - the top flash thing i guess is good flash (compared to my flash skills... zilch) but it doesnt work with the site (colors, design, etc)

@font faces? Its all the same font except for the logo in the flash file. and All I did was increase/decrease the size and bold/unbold

@Nav- Any suggestions and why it doesnt fit?, Im not sure about any other way I would implement it..

@Flash Colors- Well the colors I used in my flash header are the same colors on my main site? So can you explain more in depth what you mean?

Kudos to you! Laughing out loud

Theros
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2005-11-04
Posts: 35
Points: 0

Site Check with Ideas Needed!

Any more suggestions?

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

Site Check with Ideas Needed!

Deuce wrote:
as for the rest. it doesnt like the flash tags you used... do some research and make sure that those are the recommended tags for flash... i dont personnally deal with flash so I am of no help there.

Go to http://www.alistapart.com and do a search on Flash. Their article will tell you how to code it properly. I believe <embed> is not valid xhtml which gives you the error. Laughing out loud

I personally think the font looks fine, but I would give it some more padding on the left and right...for your main and left content.

I like the flash and the layout Laughing out loud ...you may want to consider dropping the bottom drop shadow and extending the side shadow to the length of the container.

- r

Theros
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2005-11-04
Posts: 35
Points: 0

Site Check with Ideas Needed!

Can you sorta explain more about what you mean? U mean expand the image? Except that I am using Faux columns?

Quote:
I like the flash and the layout Very Happy ...you may want to consider dropping the bottom drop shadow and extending the side shadow to the length of the container.

Joseph Sprint
Joseph Sprint's picture
Offline
Enthusiast
Last seen: 8 years 13 weeks ago
Timezone: GMT+1
Joined: 2005-04-15
Posts: 381
Points: 0

Site Check with Ideas Needed!

My suggestions;

Add padding to the main content area, about 25px then align the text left.

Extend the side collumn all the way to the bottom of the main container so there is no gap then add some padding and align the text left again.

I might try the side column as a darker shade as well to see what it looks like, maybe a certain shade of dark pastal greyish blue.

And I would think weather you really need a news section on a design site, maybe use that bit to have some info about recent sites or designs. Don't know really I always find content the hardest bit.

Jo

Theros
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2005-11-04
Posts: 35
Points: 0

Site Check with Ideas Needed!

well... @the left hand column, I didnt want it to extend all the way down the page becuase I wanted it to stick out. Also I had some troubles with the shadow graphics if I extended it out all the way, is there any way in Photoshop to make a shadow on just one side?

@I might try this.

@Well on the index page the left column is a news column, but I might put in thumbnails in there. Also in the portfolio section, thers a recent work thingy. Thanks for the comments! Im in the process of fixing the coding issues.

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

Site Check with Ideas Needed!

Maybe this will make better sense...

I think it would look better if the dropshadow extended from top to bottom of the container and remove the partial horzontal shadow at the bottom (to set apart the left column). It looks awkward having the shadow the way it is.

Quote:
well... @the left hand column, I didnt want it to extend all the way down the page becuase I wanted it to stick out. Also I had some troubles with the shadow graphics if I extended it out all the way, is there any way in Photoshop to make a shadow on just one side?

I would copy the layer with the drop shadow, rasterize it, and erase the part of the shadow you don't want (and still have the original layer).

- r

Theros
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2005-11-04
Posts: 35
Points: 0

Site Check with Ideas Needed!

Er? Even if u rasterize it, can u manually delete the drop shadow? Sounds good. Ill look into it as soon as I finish up the correct Flash embeding code. Thanks

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

Site Check with Ideas Needed!

Quote:
Er? Even if u rasterize it, can u manually delete the drop shadow?

:oops: It has been a long day. Forget the rasterizing...my mistake. What I do (cuz I am not sure of another way) is create a blank/new layer and merge the layer (with dropshadow) to the blank layer. At that point...the image and shadow are one and I can edit it accordingly.

- r

wendy
wendy's picture
Offline
Enthusiast
Boston, MA
Last seen: 13 years 3 weeks ago
Boston, MA
Timezone: GMT-5
Joined: 2005-01-31
Posts: 174
Points: 0

Site Check with Ideas Needed!

A few thoughts

The copyright notice is falling off your white space (bottom right) in MacOS10.3.4/FF 1.0.7 (top line is on, bottom line is off).

What would it look like if you used a drop shadow on the main content area, instead of the left column? The way it is now, it's the first thing you look at because of the emphasis on it, and I think your content area would really be where you'd want people to land first?

I second the suggestion to "text-alignleft" all your text, and to unbold it. Headlines/h1s could certainly be bold, and since you have a lot of text, you might want some subheads/h2s or h3s. Also agree about giving it some padding (20px? 25px?), including the left column, and the h1 on the right can use some padding-top.

Flash header is nice, but feels gimmicky, since it doesn't seem to have a purpose. What about having different labels like "Web Design" and "CSS" and "Flash" at the top of the bars when they pop up?

You might want to go here to validate your CSS
http//jigsaw.w3.org/css-validator/

Hope this helps some!

Theros
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2005-11-04
Posts: 35
Points: 0

Site Check with Ideas Needed!

wendy wrote:
A few thoughts:

The copyright notice is falling off your white space (bottom right) in MacOS10.3.4/FF 1.0.7 (top line is on, bottom line is off).

What would it look like if you used a drop shadow on the main content area, instead of the left column? The way it is now, it's the first thing you look at because of the emphasis on it, and I think your content area would really be where you'd want people to land first?

I second the suggestion to "text-align:left" all your text, and to unbold it. Headlines/h1s could certainly be bold, and since you have a lot of text, you might want some subheads/h2s or h3s. Also agree about giving it some padding (20px? 25px?), including the left column, and the h1 on the right can use some padding-top.

Flash header is nice, but feels gimmicky, since it doesn't seem to have a purpose. What about having different labels like "Web Design" and "CSS" and "Flash" at the top of the bars when they pop up?

You might want to go here to validate your CSS:
http://jigsaw.w3.org/css-validator/

Hope this helps some!

Im working on the CSS problems, no worries there. But what do u mean that my flash header is gimmicky? U want tool-tips to pop up? But why? I see no purpose in them. The flash header is a animated menu? Dunno exactly what ur talking about.

Oh, and also padding where? Top, Right, Bottom, or Left? All the text has padding already so, Im wondering where I should add it?

Finally, actually if the site was real, the news bar on the main page is more important. Becuase the main content wouldnt change too often. So, acutally its fine if the drop shadow draws the users attention.

Thanks, all! Some great suggestions, but Im afraid I cant implement them all right now as I am a bit busy in some other things! Thanks Laughing out loud

Theros
Offline
Regular
Last seen: 16 years 7 weeks ago
Joined: 2005-11-04
Posts: 35
Points: 0

Site Check with Ideas Needed!

Site is now updated with Valid CSS and XHTML code. Thanks for all those who helped. But the graphical changes will come a bit later...