I am using the CSS frames with the Left top and Bottom and have set the Left frame to be a Menu. This is for the most part the same code that is in the Left top bottom frames but i have modified it to have the left frame come between the top and bottom. The problem is that i am having an issue targeting the Main content frame. I dont know if i am using the right target name in because i cannot get the links to open in the main content frame
Here is my code in the HTML side. The image is just a Place holder
Code:
<div id="framecontentLeft">
<div class="innertube">
<a href="AboutUs.html" target=" " id="About Us">
<img src="images/AboutUsSmall.png" width="200" height="35" alt="About Us" border="0" /></a>
<a href="mailto:info@ghostsofdantooine.net?Subject=Contact%20Us">
<img src="images/ContactUsSmall.png"
width="200" height="35" alt="Contact Us" border="0" /></a>
<a href="http://ghostsofdantooine.net/forums" target= "_parent">
<img src="images/ForumsSmall.png"
width="200" height="35" alt="Forums" border="0" /></a>
<a href="Format/ClassesMenu.html" target= "_blank">
<img src="images/ClassesSmall.png"
width="200" height="35" alt="Classes" border="0" /></a>.
<a href="Format/PVPMenu.html" target= '_parent'>
<img src="images/PVP.png"
width="200" height="35" alt="Placeholder" border="0" /></a>
<a href="PVEMenu.html" target= '_parent'>
<img src="images/PVE.png"
width="200" height="35" alt="Placeholder" border="0" /></a>
</div>
</div>
<div id="maincontent">
<div class="innertube">
<img src="images/MainBackground.png" width="700" height="560" alt="About Us" border="0" />
</div>
</div>
And the copied content from the CSS side
Code:
#framecontentLeft{
position: absolute;
top: 126px;
bottom: 80px;
left: 0;
width: 240px; /*Width of left frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: #000000;
background-image: url('images/left.jpg');
color: white;
}
#maincontent{
position: fixed;
top: 126px; /*Set top value to HeightOfTopFrameDiv*/
left: 240px; /*Set left value to WidthOfLeftFrameDiv*/
right: 0;
bottom: 80px; /*Set bottom value to HeightOfBottomFrameDiv*/
overflow: auto;
background: #2f3040;
}
Bookmarks