the problem i am facing is that every time i make a new page i have to go back and change the link code in EVERY page. there has got to be a better way.
here is my current navigation layout:
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome to the Illuminati website</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body background color="000000">
<basefont face="veranda" size="12px" color="ffffff">
<table width=748 align="center" cellspacing=0 cellpadding=0>
<tr>
<td class="outline"width="100%" valign="top">
<img src="layout/banner.png" width="745" height="125" border="0" align="top"><br><br>
</td>
</tr>
</table>
<table width=748 align="center" cellspacing=0 cellpadding=0>
<tr>
<td width="20%" valign="top">
<!--Begin of left column navigation-->
<table width="150" class="outline">
<tr>
<td align="left" valign="top" class="outline"><font size="1"><b>Navigation</b></font></td>
</tr>
<tr>
<td class="outline" align="left" valign="top"><font size="1">
¤ <a href="index.htm">Home</a> <br>
¤ <a href="AboutUs.htm">About Us</a><br>
¤ <a href="index.htm">Staff Info.</a><br>
¤ <a href="index.htm">Past News</a><br>
¤ <a href="memberbio.htm">Member Info</a><br></font>
</td></tr>
</table>
<br>
<table width="150" class="outline">
<tr>
<td align="left" valign="top" class="outline"><font size="1"><b>Help</b></font></td>
</tr>
<tr>
<td class="outline" align="left" valign="top"><font size="1">
¤ <a href="retiredweapons.htm">Retired Rune Weapons</a><br>
¤ <a href="pointguide.htm">Point System Guide</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br></font>
</td></tr>
</table>
<br>
<table width="150" class="outline">
<tr>
<td align="left" valign="top" class="outline"><font size="1"><b>Club Stuff</b></font></td>
</tr><tr>
<td class="outline" align="left" valign="top"><font size="1">
¤ <a href="prizeshop.htm">Prize Shop</a><br>
¤ <a href="petofthemonth.htm">Pet of the month</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a> <br></font>
</td></tr>
</table>
<br>
<table width="150" class="outline">
<tr>
<td align="left" valign="top" class="outline"><font size="1"><b>Information</b></font></td>
</tr><tr>
<td class="outline" align="left" valign="top"><font size="1">
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br></font>
</td></tr>
</table>
<br>
<table width="150" class="outline">
<tr>
<td align="left" valign="top" class="outline"><font size="1"><b>Links</b></font></td>
</tr><tr>
<td class="outline" align="left" valign="top"><font size="1">
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br>
¤ <a href="index.htm">Link Here</a><br></font>
</td></tr>
</table>
<!--End of left column navigation-->
click to view
and here is my current style sheet. not much to it right now:
- Code: Select all
BODY
{font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background:#000000;
color:#ffffff;
cursor: normal;
margin:0;}
A:link {text-decoration: none; font-weight:bold;color:#999999}
A:visited {text-decoration: none; color:#ffffff}
A:active {text-decoration: none; font-weight:bold;color:#cccccc}
a:hover
{
color:#cccccc;
text-decoration: overline underline; }
.head
{color:#999999;
font-weight: bold;
padding-left: 0px;
font-size: 12px;
border-top: 0px solid #999999;
border-bottom: 0px solid #999999;
}
td
{color:#999999;
font-weight: normal;
padding-left: 0px;
font-size: 12px;}
.outline
{
valign: top;
border: 0px solid #999999}
thanks
