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.
<ul id="nav">
<li><a href="#" accesskey="1">Contact Me</a></li>
<li>etc.. </li>
</ul>
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: <[email protected]>
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 <h1> 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/
