|
| |
|
|
Palance
Posts: 2
Joined: 9/25/2006
Status: offline
 |
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
|
|
|
|
Tailslide
Posts: 6292
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline
|
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.
_____________________________
"My strategy is so simple an idiot could have devised it"
Little Blue Plane Web Design | Blood, Sweat & Rust - A Land Rover restoration project
| |
|
|
|
Palance
Posts: 2
Joined: 9/25/2006
Status: offline
|
RE: Newbie Expression Site -- Comments Appreciated - 9/26/2006 15:43:31
Thank you kindly -- I'll test as you suggest.
Palance
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
