not loading content within the div tag

Javascript coding ..

Moderators: egami, macek, gesf

Post Reply
New php-forum User
New php-forum User
Posts: 34
Joined: Wed Jan 11, 2012 10:01 pm

Sat Jun 30, 2012 2:08 am

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,

any suggestion, 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: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html dir="ltr" xmlns="">

<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" />
<div id="masthead">
        <h3 class="normal">Product Listing</h3>
<div id="top_nav" >
    <a href="index.htm" target="_top">PSF HOME</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="SauSpec.htm" target="_top">SAUSAGE PACKAGING SPECS</a>&nbsp;&nbsp;
    <a href="contact_us.htm" target="_top">INFORMATION REQUEST</a>&nbsp;&nbsp;
    <a href="Sausage_2.ppt" target="_top">SAUSAGE MARKETING PPT</a>
<div id="container" ">
    <div id= "left_col" > 
            <h6>Gourmet <i>Pork Sausage</i></h6>
            <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>
            <h6><i>Seafood Items</i></h6>
            <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>
    <div id="page_content">
        <p>This is my page content</p>
<div id="footer">



css code

Code: Select all

#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%}

User avatar
New php-forum User
New php-forum User
Posts: 25
Joined: Fri Sep 14, 2012 12:06 am

Tue Sep 18, 2012 1:51 am


have u used ajax jquery tabs.If so post ur ajax code to get the further help.

Tom Cornar
Trinay Technology Solutions

Post Reply