Announcement

Collapse
No announcement yet.

Navigation Bar is longer than the Page and both 100% width?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Navigation Bar is longer than the Page and both 100% width?

    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

    #2
    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.
    Bill
    www.egyptianwonders.co.uk
    Text directoryWorldwide Actinic(TM) shops
    BC Ness Solutions Support services, custom software
    Registered Microsoft™ Partner (ISV)
    VoIP UK: 0131 208 0605
    Located: Alexandria, EGYPT

    Comment


      #3
      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

      Comment


        #4
        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.
        Bill
        www.egyptianwonders.co.uk
        Text directoryWorldwide Actinic(TM) shops
        BC Ness Solutions Support services, custom software
        Registered Microsoft™ Partner (ISV)
        VoIP UK: 0131 208 0605
        Located: Alexandria, EGYPT

        Comment

        Working...
        X