Newbie Expression Site -- Comments Appreciated (Full Version)

All Forums >> [Web Development] >> Site Critiques



Message

Palance -> Newbie Expression Site -- Comments Appreciated (9/25/2006 8:24:38)

Hello from a first-time poster. Great forums here.

I've never done a web site, but I found myself with some time on my hands and with a friend in need of a siite redesign, so I thought that I'd give it a go. Expression looked good (and the price was right :)), so that was my choice.

I also have a few questions (shocker) and wasn't sure whether to post them separately in another forum, but here they are:

1. Navigation -- Based largely on the recommendations in this thread, I've used includes and a DWT. I'd like to know how to "disable" a link (and perhaps put a little arrow next to it) when it becomes the current page. Of course, I can have a zillion nearly identical include pages to do this, but isn't there a better way?

2. Formatting -- There's a blank line at the top of each page which I don't see how to eliminate. I suspect that it's due to the first code in the body (div id="masthead") being an h1 thus forcing an initial line break. Be nice to know how to get around this.

Testing has been done only with IE 6 on XP at 1024 x 768; no other browsers tried yet, though I will do so if my "client" likes my first efforts.

In any case, the site is http://lew.free.fr/ASC_Proto/index.htm

Any and all comments/critiques on this prototype site will be appreciated. Thanks in advance,

Palance







Donkey -> RE: Newbie Expression Site -- Comments Appreciated (9/25/2006 13:39:11)

I see no navigation. (I'm using firefox).



Tailslide -> RE: Newbie Expression Site -- Comments Appreciated (9/25/2006 13:49:42)

Get rid of the gaps by adding: 

margin:0;padding:0;


to your body element in your stylesheet.

Best way of getting the arrow next to your current nav item is to give every page a unique id (e.g. "home" or "contact") and then in your navigation include add a unique id to each list item (e.g. "nav-home" and "nav-contact"). Now in your CSS, add a rule which will apply only when you've got the appropriate body id and nav id appearing at the same time i.e. on the current page.

So your HTML would look like this (ignoring includes for clarity): 

<body id="home">

<ul>
<li><a href="index.html" id="nav-home">Home</a></li>
 <li><a href="about.html" id="nav-about">About Us</a></li>
<li><a href="contact.html" id="nav-contact">Contact</a></li>
</ul>


And your CSS rule would look like this: 

#home #nav-home, #about #nav-about, #contact #nav-contact {color:red; background: url(images/littlearrow.gif) no-repeat left center;}



I'm also missing the nav in Opera.




Palance -> RE: Newbie Expression Site -- Comments Appreciated (9/26/2006 15:43:31)

Thank you kindly -- I'll test as you suggest.

Palance



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875