|
|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
|||
|
|||
|
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. |
|
#2
|
||||
|
||||
|
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' ( )
|
|
#3
|
||||
|
||||
|
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. |
|
#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. |
|
#5
|
||||
|
||||
|
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> |
|
#6
|
||||
|
||||
|
some of your code is pretty nasty, for example, you have a <center> element
and a whole load of <br>smaybe 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... ![]() |
|
#7
|
||||
|
||||
|
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 |
|
#8
|
|||
|
|||
|
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? |
|
#9
|
||||
|
||||
|
|
|
#10
|
|||
|
|||
|
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. |
|
#11
|
||||
|
||||
|
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;
}
It's a matter of personal choice. My way is just more efficient. |
|
#12
|
|||
|
|||
|
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
|
|
#13
|
||||
|
||||
|
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. |
|
#14
|
|||
|
|||
|
and if i dont specify each value does it reset to the browsers default or some inheritance of an outer container?
|