Phoebe Taylor wrote:
>> re: <http://www.cgraytaylor.net/>
>>
>>
>>
>
> Sure, I'd be up for it. :)
>
> Just let me know what the challenge is...
>
>
>
>
> Phoebe
>
OK. Some random CSS suggestions.
First off, you have done exceptionally well with CSS. Please accept
this, not as criticism of your effort, but rather as a means to take it
just a little further along.
The addition of:
html { min-height: 100%; margin-bottom: 1px; }
to the CSS file may help the "short page shift."(if it even bothers you,
or your client-- it drives me nuts but I'm a little whacked anyway) [1]
Stating at the top of the style sheet:
body, html {
margin : 0;
padding : 0;
}
body {
background-color: #1E1C1D;
font : 100% arial, helvetica sans-serif;
}
Will set browsers to a base default margin, padding, font-family, and
font-size.
You've specified the font-sizes on individual selectors using a
mixed-bag of pixels, em's, and sometimes percent. Using percent /for
all/ font-sizes throughout the style sheet may give you more consistent
cross-browser font rendering (and simultaneously make them scalable in
IE using any one of that browsers 5 text-size choices).
BTW, font-size: 100%, 1em, medium, and 16px are approximate default
equivalent.
When the font-family is set on the body, as above, it usually is not
necessary to repeat /that font-family/ on individual selectors you wish
to receive it-- just change the font-size.
Of course, when moving to a selector you wish to be serif rather than
sans, you'll need to state the serif family on its selector.
The use of shorthand properties (when applicable is sometimes helpful):
#foo {
margin-top: 20px;
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}
becomes (with shorthand, simply):
#foo {
margin: 20px auto;
}
Stating a different color on the link state :hover will enable it to
"light-up" when users hover the nav. You've got #000 on all states
now--try fuchsia or lime for the hover state, just as a startling example...
Would the text at the bottom of the pop-ups (the captions) be easier to
read set flush left/scatter-right (text-align:left, rather than
text-align:center;?)
Best,
~dL
[1] <http://www.communitymx.com/content/article.cfm?cid=528A0>
PS As a nothing to do with CSS caveat:
It may be, the jet-black background is your clients call. Nevertheless,
we here in Havana are cautious and sometimes in fear those clothed in
black. There is something scary about all black attire, perhaps it is
the association of death, or with a weapon (knife)?
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
