Miscellany

//////////////////////css file
#tabbed_links { position: relative; left: -150px; top: 50px; }

//LINKS
#tabbed_links a { color:red; background-image: url('images/active_page_tab.jpg'); width:204px; height:24px; }

//////////////////////////html file

<HTML>
<HEAD>
 <TITLE>Voteonsite Clone</TITLE>
 <link rel="stylesheet" type="text/css" href="./styles/public.css">

</HEAD>
<BODY>
<div style="text-align:center; width:800px; margin:0px auto;">
     <img src="images/logo_001.jpg" id="logo">

     <div id="top_panel"><span id="top_links">
          <a href="#">make this my homepage</a>
          <a href="#">add to favorites</a>
          <a href="#">add a site</a>
          <a href="#">my account</a> <a href="#">login</a></span>
          <span id="search_site">
                <form name="search_site" >
                      search <span style="color: red;">internet</span>site
                      <input type="text" size=28 name="search_topic">
                      <input class="bg_silver" type="button" name="search" value="search now!">
                </form></span>
     </div>
     
     <div id="tabbed_links" >
          <a href="main.html" style="background-image: url('images/active_page_tab.jpg'); width:204px; height:24px;">Home</a>
          <a href="fun.html" style="background-image: url('images/active_page_tab.jpg'); width:204px; height:24px;">fun & games</a>
          <a href="shopping.html" style="background-image: url('images/active_page_tab.jpg'); width:204px; height:24px;">shopping</a>
          
     </div>
     
</div>

</BODY>
</HTML>