Re: [css-d] Site feedback please :)

[David Gregory]

Howdy Lorraine..
I am on a mac at work and XP at home and for testing.
I totally agree on the navigation.
Here is a site that has some pretty good code for making your inline list
for the top navigation:
http://css.maxdesign.com.au/listamatic/

There are a few ways to go at the navigation.
I would personally make the navigation into a list and use a generic button
image for background and use regular text on foreground.

Contact Me
etc.. 


This way you could make the css pretty easily

#nav ul { display: inline; width: 750px; list-style: none; }
#nav ul li { background: #eee url(/images/nav_button.gif) no-repeat top
left; color: #222; width: 40px; /* image width*/ height: 20px; /* image
height*/ }

There is more to it than that, but you get the jist.

On XP, the site looks as fine as xp can make it.
Firefox: the layout comes out fine... although I would also add a bit more
padding to the right column.
IE:  layout breaks a bit.  most likely culprit is IE's box model. (I didn't
bother to check that far. )
( in google:  "IE box model css" )
has to do with widths and padding / borders and how they add up.  U will
havta give IE a separate width value on its own.
In IE, the padding on the left column is fine.. but the text to the right of
the middle column overlaps, and spills out on the right column.

all in all..  very nice.  ;)

Dave Gregory
[EMAIL PROTECTED]  www.screwlewse.com

- Original Message - 
From: "Lorraine Nepomuceno" <[EMAIL PROTECTED]>

To: "Ricky Zhou" <[EMAIL PROTECTED]>
Cc: 
Sent: Wednesday, October 12, 2005 8:24 PM
Subject: Re: [css-d] Site feedback please :)



Thanks, Ricky- am noting down all your suggestions.

Are you on XP? What browser did you view at? We're all Mac here, so  would 
love to get feedback on other browser views ;-)


Thanks again
Lorraine


On 10 13, 05, at 11:19 AM, Ricky Zhou wrote:


Would appreciate any feedback. Thanks!


Just a few things:
For the navigation, I'd use a display: inline; unordered list instead
of a table.
In your header, I'd use an  with hidden text (just to keep with 
semantics)


On a aesthetic note, I'd add a right border in your faux columns (and
perhaps some extra padding-right on your content).  Also, add some
padding-bottom in the sections in your right colum.

Overall, nice simple layout (login fields stick out a bit in  Opera).  \
Nice forum-- this is probably a bit late, but if you want a really
clean and customizable forum, take a look at PunBB
(http://www.punbb.com/).  CSS XHTML strict templates (that should be
much easier to modify).

Ricky





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Condensed font

[David Gregory]

One of my favorite sites:

http://typetester.maratz.com/

and about type stretching:..   I use letter-spacing and it does work on
safari but it brings out very different results on IE/win.  of course, that
means using IE conditional css hacks.

Thanks
Dave Gregory
[EMAIL PROTECTED] www.screwlewse.com


- Original Message - 
From: "Scott Haneda" <[EMAIL PROTECTED]>

To: "CSS" 
Sent: Wednesday, October 12, 2005 8:39 PM
Subject: [css-d] Condensed font



   Is there any safe condensed font I can use on the web?  I can not use
the font-stretch as it does not work in Safari, as far as I can tell, but
something just a bit more of condensed would solve some issues for me.
--
-
Scott HanedaTel: 415.898.2602
 Novato, CA U.S.A.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/