You want to use CSS for the tabs.
Code:
/* css doc */
#nav_contain {
width: 400px;
height: 50px;
}
#tab01 {
background: #339933;
width: 200px;
height: 50px;
display: inline;
float: left;
}
#tab01 a {
width: 200px;
height: 50px;
display: block;
}
#tab01 a:hover {
background: #595656;
}
#tab02 {
background: #339933;
width: 200px;
height: 50px;
display: inline;
float: left;
}
#tab02 a {
width: 200px;
height: 50px;
display: block;
}
#tab02 a:hover {
background: #595656;
}
now in your html just have something like:
HTML Code:
<div id="nav_contain">
<div id="tab01"><a href="#">Link 1</a></div>
<div id="tab02"><a href="#">Link 1</a></div>
</div>
Then on each new page you link to just ad another tab style nav underneath.
|