Really got myself into a fix - help! (Full Version)

All Forums >> [Web Development] >> General Web Development



Message

tpslwebmaster -> Really got myself into a fix - help! (4/27/2009 3:01:13)

Many moons ago, I used Just NavBars to create the main nav for my website. Someone asked me to make a simple edit to it today and now, five hours later, I'm hopelessly stuck.

I'm using Dreamweaver and dwts to manage my pages and the nav bar is in the lefthand column of the dwt.

The top level pages all seem to display fine (although the nav bar now consumes far more horizontal space than I want and I can't seem to find the code to compress the column width - that's a second problem).

My primary problem is that any page that's not at the top level can't find the js and other files to render the nav bar. The href is not referring back to the top level root directory where they live (and I'm way too tired and confused to figure this out).

Can someone take a look at the code and help me sort this out (both problems if you can!).

Thanks!

The URL is www.tiburonsoccer.org/home.htm

(Here's an example of a page that's not at the top level that has the problem:
http://www.tiburonsoccer.org/registration/registration.htm )

[:(]

-sd



Giomanach -> RE: Really got myself into a fix - help! (4/27/2009 8:08:50)

It's a bit more than just not finding coding ;) 

<link rel="stylesheet" type="text/css" href="justnavbars.css">
<script type="text/javascript" language="javascript" src="justnavbars_menu.js"></script>
<html><!-- #BeginTemplate "../Templates/tpsldwt.dwt" --><!-- DW6 -->
<!-- THIS SECTION GOES AT THE TOP OF YOUR WEB PAGE -->
<link rel="stylesheet" type="text/css" href="justnavbars.css">
<script type="text/javascript" language="javascript" src="justnavbars_menu.js"></script>


<head>


You have info before the opening <html> tag (not to mention no DOCTYPE :p). You'll need to remove this first. And in the same coding, you'll find what you need to change to sort out your file location problem ;)

On another note - I'd recommend switching to a CSS based Nav Bar. You can do exactly the same without the need of JavaScript ;)



tpslwebmaster -> RE: Really got myself into a fix - help! (4/27/2009 8:56:15)

Yes, I saw that extra coding at the front (if you look, the doc type is buried at the end of that). I'm not looking forward to removing it from about 100 webpages, but 'it is what it is' I guess.

Do you have a recomendation for a CSS based nav bar (or a tutorial that I can view to learn to build one)?

Thanks!

-sd



Tailslide -> RE: Really got myself into a fix - help! (4/27/2009 9:08:16)

For something simple like yours I'd just have a normal HTML list and stick a background image on the list itself. That would look exactly like what you've got except it would be accessible.

Otherwise you could look at something like this: http://cssmenumaker.com/vertical_css_menu.php




Giomanach -> RE: Really got myself into a fix - help! (4/27/2009 9:49:50)


quote:

ORIGINAL: tpslwebmaster

(if you look, the doc type is buried at the end of that)

I'm afraid it's not ;)

http://www.w3.org/QA/2002/04/valid-dtd-list.html



tpslwebmaster -> RE: Really got myself into a fix - help! (4/27/2009 12:34:00)

Ahhh, yes, now I see what you're talking about and will correct.

Do you have any insight into the other problem - the reason that left hand column is fixed and can't be narrowed horizontally? I've been scouring the code and just don't see it (probably looking right at it and just missing it).

Thanks!

-sd



Giomanach -> RE: Really got myself into a fix - help! (4/27/2009 13:45:17)

Just below the inline JavaScript you have for the nav menu (i assume) you have this: 

<table border="0" width="200" bgcolor="#000000" cellspacing="0" cellpadding="0">


When you don't add a measurement time (px, pt, % etc) it will always assume you mean px - which is fixed. use % if you want it to change size when the browser window size is changed



tpslwebmaster -> RE: Really got myself into a fix - help! (4/28/2009 0:39:25)

Thank you!

These suggestions helped. I now have a CSS-based nav bar, have added a DOC Type, and cleaned up a bunch of code (although probably have more to go).

This site started in an old version of FP years ago, updated with it, then moved to Dreamweaver. So some of the code was ancient legacy stuff.

The sizing problem was due to a <blockquote> tag that was inserted by one of these programs in the distant past. Once I took that out, I could resize the column.

The LAST minor thing I can't figure out is why there's a gap at the top of the primary nav bar. I matched that code with the template that controls the rest of the site and it's identical. If anyone has a second to look at this....I'd appreciate the assist (so that I can get to bed at a more reasonable hour tonight!).

Again, thanks for the help! Much, much appreciated!

-sd



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.09375