vishalonne
Technical User
- Jul 29, 2012
- 49
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 -
[ul]
[li]Set 1[/li]
[li]Set 2[/li]
[li]Set 3[/li]
[li]Set 4[/li]
[/ul]
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 -
[ul]
[li]Chapter ABC[/li]
[li]Chapter XYZ[/li]
[li]Chapter MNO[/li]
[li]Chapter POI[/li]
[li]Chapter LMK[/li]
[/ul].
How can do this please guide me.
HEre is the HTML code
And CSS Code
Thank you All In Advance with lots of expectation.
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 -
[ul]
[li]Set 1[/li]
[li]Set 2[/li]
[li]Set 3[/li]
[li]Set 4[/li]
[/ul]
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 -
[ul]
[li]Chapter ABC[/li]
[li]Chapter XYZ[/li]
[li]Chapter MNO[/li]
[li]Chapter POI[/li]
[li]Chapter LMK[/li]
[/ul].
How can do this please guide me.
HEre is the HTML code
HTML:
<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
CSS:
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;
}