PDA

View Full Version : Navigation Bar is longer than the Page and both 100% width?

Sutty
31-May-2006, 10:36 AM
This is probably more a HTML question rather than Actinic.

I have built my Navigation Bar using CSS in Dreamweaver (I'm still currently working on the first page). The Navigation Bar is a list set at 100% width.

The Bulk area of the table that contains the 'shop window' and product list, etc is set at 100% width also, however it doesn't appear to be as long as the Navigation Bar? - see link below.

I've tried making the Navigation Bar smaller but then it changes random sizes as you make the window smaller and larger. I've also tried making my page slightly larger, but this adds a horizontal scroll at the bottom of the page.

Is this because my Navigation bar is not inside of a table?

http://trials.actinic.com/trials/trial28717/shop.html

Mike
wjcampbe
31-May-2006, 01:51 PM
You appear to be missing the closing </head> tag which should appear immediately before the <body tag.

Maybe if you add that your problem will go away.
Sutty
12-Jun-2006, 11:17 AM
Hi Bill,

I've just had a look at my code for the closing </head> tag. It appears after the end of the my CSS </style>, and just before some Javascript (line 249).
The Body tag starts directly after it - is this right?

246 </style>
247 <LINK REL=STYLESHEET HREF="actinic.css">
248 <SCRIPT LANGUAGE="JavaScript" SRC="actiniccore.js"
TYPE="text/javascript"></SCRIPT>
249 </HEAD>
250
251 <BODY NETQUOTEVAR:BGIMAGE.....

Mike
wjcampbe
12-Jun-2006, 12:31 PM
OOOOps!

You now have a style declaration at the top of the page with two opening tags but one closing tag,then a head closing tag followed by a body tag and some html, followed by some javascript, than another style section then another body tag.

After your Stickers link, you have seventeen empty tables declared. Each of those empty tables has an empty style declaration before it, and there are several other empty inline style declarations through the page.

I would start by moving all the css code into a css file (you can add it to actinic.css or create a second file and add a second link statement in the head, immediately after the current link to actinic.css). That will not only clean the page up, but also make maintenance easier.

Decide which body tag is actually doing what you want, and move (if necessary) the closing head tag to immediately before that tag.

Is the Javascript supposed to be inside the head section of the page or the body? It looks as though the answer is 'a bit of both'.

If it is all running away from you, and getting out of control - go to your online page, View | Source and print what is currently there. Then start again with the original template(s) in Actinic and rebuild the page one step at a time.