Website Critiques
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignWebsite Critiques

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old December 20th, 2004, 01:32 AM
powerkor powerkor is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Dec 2004
Posts: 92 powerkor User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 23 m 51 sec
Reputation Power: 4
gif of layout

what do you think of this (its a picture) im still developing the site.

link: pittco version 2

flames, praise, ill take anything really.

Reply With Quote
  #2  
Old December 20th, 2004, 09:16 AM
Three's Avatar
Three Three is offline
Rosy Cheeked
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2004
Location: Cleveland, UK
Posts: 361 Three User rank is Sergeant (500 - 2000 Reputation Level)Three User rank is Sergeant (500 - 2000 Reputation Level)Three User rank is Sergeant (500 - 2000 Reputation Level)Three User rank is Sergeant (500 - 2000 Reputation Level)Three User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 3 Days 9 h 14 m 12 sec
Reputation Power: 12
Send a message via MSN to Three
the top left and center logos are quite cool, but the one on the right can definitely be dropped imo.

will the final background have pittdesign written across it? if so, me no likey

could be good, but as always it's about the experience not the appearance for me
__________________
Control post quality through the power of rep' ()

Reply With Quote
  #3  
Old December 20th, 2004, 01:23 PM
MaxM's Avatar
MaxM MaxM is offline
au courant
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2004
Location: Florida
Posts: 334 MaxM User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 19 h 45 m 56 sec
Reputation Power: 0
With graphics of that nature I certainly hope you load it up with suitable flash effects. It would be a shame to see such a site without sufficient animation to flavor it up.

The gray with "DESIGN.COM" at the bottom could be easily lost from where I'm sitting. If it's to brand the site with the creators link than I think there are better ways of doing so, perhaps a small gif or link. It should definatly be unobtrusive to the design and only found when looked for.

Good luck.

Reply With Quote
  #4  
Old December 20th, 2004, 09:41 PM
powerkor powerkor is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Dec 2004
Posts: 92 powerkor User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 23 m 51 sec
Reputation Power: 4
here's my progress so far... no tables used yet:

the xhtml css site in progress
the gif concept


im pretty happy that the page loads quick and its all done with css... horay. I know that the bottom of the page isn't done, I haven't gotten that far, and I know that the user and password section is bland... again, i threw it in there 2 secs before i saved it tonight.

a couple notes to y'all:
1) the pittdesign.com in the background was just for copying protection, you know that there are people constantly taking others work, and i've had it happen to me, so I try my best to prevent web theft.
2) i don't like flash, so I probablly won't be using it.

Anyhow, let me know what you think about my transition from psd to html/css so far.

Reply With Quote
  #5  
Old December 20th, 2004, 10:02 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 22nd Plane (15500 - 15999 posts)
 
Join Date: Jul 2004
Location: USA
Posts: 15,955 Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 3 Weeks 5 Days 14 h 28 m 37 sec
Reputation Power: 1524
I think it looks good. I wish some of the layouts I've coded recently were of that caliber.

You should use type password for the password field. Inputs default to size="20" so you don't really need to set it explicitly.
Code:
	  <form class="small">
	  User <input name="username" type="text" />
	  Pass <input name="password" type="password" />
	  </form>

Reply With Quote
  #6  
Old December 21st, 2004, 05:25 AM
Three's Avatar
Three Three is offline
Rosy Cheeked
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Jul 2004
Location: Cleveland, UK
Posts: 361 Three User rank is Sergeant (500 - 2000 Reputation Level)Three User rank is Sergeant (500 - 2000 Reputation Level)Three User rank is Sergeant (500 - 2000 Reputation Level)Three User rank is Sergeant (500 - 2000 Reputation Level)Three User rank is Sergeant (500 - 2000 Reputation Level) 
Time spent in forums: 3 Days 9 h 14 m 12 sec
Reputation Power: 12
Send a message via MSN to Three
some of your code is pretty nasty, for example, you have a <center> element and a whole load of <br>s

maybe i'm just odd, but i think there are way too many images, you seem to have shifted from tables to divs, but kept old table habits...

Reply With Quote
  #7  
Old December 21st, 2004, 08:53 AM
wsa1971's Avatar
wsa1971 wsa1971 is offline
AYBABTU
Dev Shed Beginner (1000 - 1499 posts)
 
Join Date: Jul 2004
Location: Here or There
Posts: 1,238 wsa1971 User rank is Major (30000 - 40000 Reputation Level)wsa1971 User rank is Major (30000 - 40000 Reputation Level)wsa1971 User rank is Major (30000 - 40000 Reputation Level)wsa1971 User rank is Major (30000 - 40000 Reputation Level)wsa1971 User rank is Major (30000 - 40000 Reputation Level)wsa1971 User rank is Major (30000 - 40000 Reputation Level)wsa1971 User rank is Major (30000 - 40000 Reputation Level)wsa1971 User rank is Major (30000 - 40000 Reputation Level)wsa1971 User rank is Major (30000 - 40000 Reputation Level)wsa1971 User rank is Major (30000 - 40000 Reputation Level)  Folding Points: 35206 Folding Title: Starter FolderFolding Points: 35206 Folding Title: Starter Folder
Time spent in forums: 1 Month 23 h 34 m 53 sec
Reputation Power: 335
Looks nice enough to me.

One thing: the 'what is pittco?' link becomes unreadable when you hover over it.
__________________
A common mistake people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools.
Douglas Adams



Reply With Quote
  #8  
Old December 21st, 2004, 12:11 PM
powerkor powerkor is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Dec 2004
Posts: 92 powerkor User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 23 m 51 sec
Reputation Power: 4
lol, ya, i just got the basic layout done last night, and attempted to clean up some of those extra divs.

The links are just there for space fillers right now, I will mess around with the hover colors and such later. Thanks for your suggestions.

the_tree: I don't see alot of br's? Maybe you were looking at it when I was trying to fix the even column problem and I did that to make each column longer, I think I only have 2 br's in the whole doc.

three: there's not any extra images. infact, thats the least amount of images I could have used. If you have a better way of doing things, let me know.

I used some divs for spacers instead of using images, I think that is better anyway and the hover will just be a background color change and the link will remain white, i just havent gotten that far yet.

any other suggestions?

Reply With Quote
  #9  
Old December 21st, 2004, 12:45 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 22nd Plane (15500 - 15999 posts)
 
Join Date: Jul 2004
Location: USA
Posts: 15,955 Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 3 Weeks 5 Days 14 h 28 m 37 sec
Reputation Power: 1524

Reply With Quote
  #10  
Old December 21st, 2004, 01:57 PM
powerkor powerkor is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Dec 2004
Posts: 92 powerkor User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 23 m 51 sec
Reputation Power: 4
i validated my xhtml and css now, both are correct.

I will read over that short-hand css tutorial when I get the time, I was under the impression that it was more correct to fully write it out.

and i do not plan to remove the center tag, I designed this layout with that in mind, and I'm sure it will just cause more problems than its worth trying to get rid of it. -- I will think about this more and come to a decision later.

Reply With Quote
  #11  
Old December 21st, 2004, 02:24 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 22nd Plane (15500 - 15999 posts)
 
Join Date: Jul 2004
Location: USA
Posts: 15,955 Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 3 Weeks 5 Days 14 h 28 m 37 sec
Reputation Power: 1524
As of HTML 4.01 the <center> element is deprecated in favor of <div> elements used in conjunction with CSS.
Here is how you had it:
Code:
div#ad_btm {
	width: 463px;
	background-color: #454545;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
	padding-top: 6px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	margin: 0px;
}

Here is how I shortened it:
Code:
div#ad_btm {
	width: 463px;
	background-color: #454545;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
	padding: 6px 0;
	margin: 0px;
}
http://blooberry.com/indexdot/css/propindex/all.htm

It's a matter of personal choice. My way is just more efficient.

Reply With Quote
  #12  
Old December 21st, 2004, 08:39 PM
powerkor powerkor is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Dec 2004
Posts: 92 powerkor User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 23 m 51 sec
Reputation Power: 4
im confused about shorthand, for properties like 'background' does the attributes have to come in a certain order? I know for box-type properties, it is defined like a clock, but what about the order for background? help

Reply With Quote
  #13  
Old December 21st, 2004, 10:19 PM
Kravvitz's Avatar
Kravvitz Kravvitz is offline
CSS & JS/DOM Adept
Dev Shed God 22nd Plane (15500 - 15999 posts)
 
Join Date: Jul 2004
Location: USA
Posts: 15,955 Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level)Kravvitz User rank is General 8th Grade (Above 100000 Reputation Level) 
Time spent in forums: 3 Months 3 Weeks 5 Days 14 h 28 m 37 sec
Reputation Power: 1524
The order doesn't matter for properties like background and font.

The order only seems to matter for properties that can specify multiple sides of a box, for example the margin, padding, and border propeties.

Reply With Quote
  #14  
Old December 22nd, 2004, 02:24 AM
powerkor powerkor is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Dec 2004
Posts: 92 powerkor User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 h 23 m 51 sec
Reputation Power: 4
and if i dont specify each value does it reset to the browsers default or some inheritance of an outer container?

Reply With Quote