Jump to content

[SOLVED] Border/Positioning Issue


twilitegxa

Recommended Posts

I can't figure out how to get my border at the top of the bottom navigation bar. I still want the bottom navigation to flow with the page, so that if the content increases, the navigation moves appropriately. Here is the link:

 

http://webdesignsbyliz.com/new/creationform.php

 

Can anyone help me out here? I tried adjusting the margin, but it seems like that would be static, which is not what I want. I want the navigation to be able to adjust as the content grows.

Link to comment
Share on other sites

I can't figure out how to get my border at the top of the bottom navigation bar. I still want the bottom navigation to flow with the page, so that if the content increases, the navigation moves appropriately. Here is the link:

 

http://webdesignsbyliz.com/new/creationform.php

 

Can anyone help me out here? I tried adjusting the margin, but it seems like that would be static, which is not what I want. I want the navigation to be able to adjust as the content grows.

 

I'm sorry to say, that your site is completely invalid, the source is so much of a mess, that i find it amazing my browser didn't crash when rendering it. I would however still like to help you solve the problem.

 

You have multiple head sections, and you have elements placed on locations in the source, where they ain't allowed. You can't have anything before the html element, aside from the doctype declaration, which should always be located on the first line.

 

This will ensure that browsers render your page in "standards" mode, and as such you avoid most rendering problems in current browsers. I recommend that you ditch your current page, and write it over from scratch. You can use my below example as a starting-point, a html page generally looks like below.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">

  <head>
    <title>Navigation Menu Example</title>
    <style type="text/css">
    </style>
  </head>

  <body>
   <h1>Navigation Menu Example</h1>
   <p>Content</p>
  </body>

</html>

 

Another advice i would give you, is to avoid using JavaScript menus, it may look fancy and all, but it rarely beats using a nicly styled html-list.

 

You should also make sure to nest, and close all your elements correctly, you both have misplaced elements, as well as overlapping tags. To avoid this in the future, be sure to validate your pages using the free w3c validator, found at http://validator.w3.org/

Link to comment
Share on other sites

One of the things I want to do is have a menu that opens up another menu when you click the option, as I have already with the JavaScript menu. What other way can I accomplish this? I was unaware that my php session could not be first. I learned this session coding from a tutorial book and that was how it was taught in the book. Anyway, I validated my code now. Please take another look, and let me know what I can do.

Link to comment
Share on other sites

Also, I noticed when I view the source code, it doesn't show, but I am using several php includes, such as in the mainnav, topnav, and bottomnav. It looks like there's a lot more code on this page than I see on my end since I have those includes on separate pages.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.