Menu
i m having the same problem as in the below code….
when user clicks on the links in the left hand column it opens link page in new
tab, instead in the content section to the right hand side…
any suggestion for, if the link page opens in the content area, and not in the new tab.
also what link is clicked should appear in the url
html code
[code]<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html dir=”ltr” xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>Paul Sorvino Foods Products</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<meta name=”description” content=”Paul Sorvino Foods Product offering page. This page shows all of t oe products offered by Paul Sorvino Foods.” />
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
<body>
<div id=”masthead”>
<center>
<h3 class=”normal”>Product Listing</h3>
</center>
</div>
<div id=”top_nav” >
<a href=”index.htm” target=”_top”>PSF HOME</a>
<a href=”SauSpec.htm” target=”_top”>SAUSAGE PACKAGING SPECS</a>
<a href=”contact_us.htm” target=”_top”>INFORMATION REQUEST</a>
<a href=”Sausage_2.ppt” target=”_top”>SAUSAGE MARKETING PPT</a>
</div>
<div id=”container” “>
<div id= “left_col” >
<center>
<h6>Gourmet <i>Pork Sausage</i></h6>
</center>
<ul>
<li><a href=”pdb_reading11.php”>Gourmet Broccoli Rabe & Romano Cheese Pork Sausage</a></li>
<li><a href=”GarlicHerb_1.htm”>Gourmet Garlic, Herb & Sun Dried Tomato Pork Sausage</a></li>
<li><a href=”SweetItalian_1.htm”>Gourmet Sweet Italian Style Pork Sausage</a></li>
<li><a href=”HotItalian_1.htm”>Gourmet Hot Italian Style Pork Sausage</a></li>
</ul>
<center>
<h6><i>Seafood Items</i></h6>
</center>
<ul>
<li><a href=”JumboLumpCrabCakes_1.htm”>Gourmet Maryland Style Jumbo Lump Crab Cakes</a></li>
<li><a href=”SauteShrimp-1.htm”>Premium Wild American Sautéing Shrimp</a></li>
<li><a href=”StuffedShrimp_1.htm”>Premium Wild American Shrimp Stuffed with Jumbo Lump Crabmeat</a></li>
</ul>
</div>
<div id=”page_content”>
<p>This is my page content</p>
</div>
</div>
<div id=”footer”>
</div>
</body>
</html>
css code
[code]#masthead {border-bottom:3px #FF0000 solid;}
#top_nav {border-bottom: 3px #FF0000 solid; height:25px; padding:5px;}
#container {position: relative;width: 100%; border-bottom:3px ##FF0000 solid;}
#left_col {border-right: 2px #FF0000 solid; width: 200px; position: absolute; left: 0px; top: 0px;}
#page_content {margin-left: 200px;}
#footer {width: 100%;}
body {color: #FF0000; background-color: #000000}
a {color: #FFFFFF;}
a:visited {color: #FF0000;}
a:hover {color: #008000;font-size: 120%;}
h1 {font-size: 350%}
h2 {font-size: 330%}
h3.normal {font-size: 310%}
h3.fancy{font-size:310%; font-family:Old English Text MT}
h4 {font-size:250%}
h4.fancy {font-size:250%; font-family:Old English Text MT}
h5 {font-size:150%}
h6 {font-size:110%}