Hello All
I am developing 1 very simple site and I am totally confused "HOW TO DISPLAY MY DIFFERENT CONTENTS IN <DIV>".
Detail -
My links as are in left side in <DIV class="image002-03"> and on clicking on them I just want to display the content of link in Mid of the page in <DIV class="image002_10">
Like if I click in Sample Paper link content of the link that is No of Sample Sets like this-
- Set One
- Set Two
- Set Three
should display in imagae002_10 div.
And if I click on Notes link then in same Div i.e. image002_10 should display the content of the link that is Chapter Names like this -
- Chapter XYZ
- Chapter ABC
- Chapter MNO
ChChapter QWE
How can do this please guide me.
HEre is the HTML code
<div class="panel_container">
<div class="image002-03">
<span id="smalltext"
style="bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; font-family: Calibri; font-size: large; text-align: center;">Service Menu</span>
<ul class="serviceul">
<li class="serviceli">Question Papers (unsolved)</li>
<li class="serviceli">Question Papers (solved)</li>
<li class="serviceli">Sample Papers</li>
<li class="serviceli">Notes</li>
<li class="serviceli">Solved Assignments</li>
<li class="serviceli">Projects</li>
<li class="serviceli">Presentations</li>
<li class="serviceli">Uploads</li>
<li class="serviceli">Forum</li>
</ul>
</div>
<div class="image002-07"> Site Map</div>
<div class="image002-08"> Advertisement </div>
<div class="image002-09"> Advertisement </div>
<div class="image002-10"> Here the content of link should display </div>
<div class="image002-11"> </div>
<div class="image002-13">Footer</div>
</div>
//And CSS Code
DIV.image002-03
{
position: relative;
left: 49px;
top: 0px;
width: 208px;
height: 238px;
border: thin solid #000000;
}
DIV.image002-07
{
position: absolute;
left: 266px;
top: 174px;
width: 973px;
height: 24px;
border: thin solid #000000;
}
DIV.image002-08
{
border: thin solid #000000;
position: absolute;
left: 277px;
top: 203px;
width: 953px;
height: 109px;
}
DIV.image002-09
{
position: relative;
left: 49px;
top: 4px;
width: 208px;
height: 315px;
border: thin solid #000000;
}
DIV.image002-10
{
position:absolute;
left:283px;
top:355px;
width:806px;
height:211px;
}
DIV.image002-11
{
border: thin solid #000000;
position: absolute;
left: 266px;
top: 320px;
width: 973px;
height: 413px;
}
DIV.image002-13
{
position: absolute;
left: 48px;
top: 739px;
width: 1192px;
height: 52px;
border: thin solid #000000;
}
Thank you All In Advance with lots of expectation.