Jump to content

Navigation Bar Help


davidpearse

Recommended Posts

I'm having a little trouble with my website. Whenever I try to preview it on Mozilla, the only thing that shows up is the black background. I actually just "borrowed" some of the source code for the navigation bar from my school website, although it was working fine on it's own.The navbar page has a logo on the top that stretches out across the length of the page. (Could that be the problem?) Here's the navbar code (it's called navbar2.html):

<html><head><title>titleofpage</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#000000" topmargin="0"> <table cellspacing=4 cellpadding=0 style="border-collapse: collapse" bordercolor="#111111" height="426"> <tr><td height="175"> <img border="0" src="title.gif" width="800" height="157">   </td></tr> <tr><td height="30"><a href="index.html">   <img src="homepic.gif" border="0" alt="SGS Home Page" width="125" height="25"></a>  </td></tr> <tr><td height="29"><a href="page2.html">   <img src="faqpic.gif" border="0" alt="Useful information about the school including photos of our new buildings" width="125" height="25"></a></td></tr> <tr><td height="34"><a href="page3.html">   <img src="blogpic.gif" border="0" alt="Including  Choir, Debating, Irish Activities.." width="125" height="25"></a></td></tr> <tr><td height="34"><a href="page4.html">   <img border="0" src="stuffpic.gif" alt="The 4th Year Programme which develops a variety of skills" width="125" height="25"></a></td></tr><tr><td height="23"><a href="page5.html">   <img border="0" src="gamespic.gif" alt="The 4th Year Programme which develops a variety of skills" width="125" height="28"></a></td></tr>   <tr><td height="31"><a href="page6.html">   <img border="0" src="linkspic.gif" width="125" height="25"></a></td></tr>  </table></body></html>

Don't mind the "alt" stuff, that's just the bit I haven't gotten rid of yet.Now here's the index code (index.html):

<html><head><title>thegermansareafterme.tk</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#000000" text="ffffff"><img src="title.gif"width="700" height="125"><h1>Welcome!</h1><p>This is a test.</p></body></html>

Finally, here's the one that ties the two together (maintest.html):

<html><head><title>thegermansareafterme.tk</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#000000" text="ffffff"><frameset frameborder="0" border="0" framespacing="0" rows="*"> <frameset cols="155,640*" frameborder="0" border="0" framespacing="0">   <frame name="leftFrame" src="navbar.html">  <frame name="mainFrame" src="index.html">  <noframes>  <body bgcolor="#FFFFFF"></body>  </noframes></frameset></frameset><frameset></frameset></html>

Sorry that was a little long, and sorry that the names are screwed up, which just creates more hassle, but I plan to fix that once I get this website working. Thanks for your time :)

Link to comment
Share on other sites

Go over to the w3schools tutorials and discover the use of unordered lists<ul>, list items<li>, and div's<div>. You will be better off dropping tables and Frames. My opinion.PM me for a copy of a bare page that will do everything you want and is validated.Oh, and missing a Document Type Declaration is an invitation for trouble. Cross-browser issues and Quirks mode comes to mind.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...