Menu information to be displayed in the same page

HTML & CSS
1

Hello,

I have used CSS, to create a page which has a header div, sidebar div, and main content div.
And I have in the sidebar the menus which I intended to be displayed on the main content
div, but unfortunately I am stack.

Can someone help me please how to do it without using frames in my page.

Thank you

2

Is this even a php question? if so show us what you have so far - and indicate what you want to end up with.

3

Are you asking how to have what I am guessing when you say menus are like navigation links to different things automatically display in the sidebar that link to parts of the main content when you add them? Or are you meaning you want the sidebar content in the main content as well? Or are you simply asking about moving the content in the sidebar into the main content?

I am so confused.

4

oops!..sorry this is what I have done so far. note the coloured lines, thanks

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=“Content-Type” content=“text/html; charset=utf-8” />
<link rel=“stylesheet” type=“text/css” href=“styles.css” />
<!–[if gte IE 9 ]><link rel=“stylesheet” type=“text/css” href=“_styles.css” media=“screen”><![endif]–>

&lt;!--[if !IE]&gt;--&gt;&lt;link rel="stylesheet" type="text/css" href="_styles.css" media="screen"&gt;&lt;!--&lt;![endif]--&gt;

<title>CS Virtual Learning Toool</title>
</head>

<body>
<div id=“wrapper”>
<div id=“header”>
<img src=“images/logo1.gif” alt=“Footbag Freaks” height=“77”
width=“203” /><!–utoe–>
<div id=“header-bottom”>
<p id=“tagline”></p>
<img src=“images/header-ball.gif” height=“24” width=“20” alt=“” id=“ball” /><!–just for fun–>
</div> <!-- header-bottom –>
</div> <!-- header –>
<div id=“main”>
<div id=“content”>
<div id=“mainfeature”>
<h2>CS 231</h2>
<p>Requirements/Objectives of the course
To be mentioned depends on the course…
…</p>
<P>…
…
…
</p>
<p>
Outcomes
To be mentioned depends on the course…
…
…
…
…
…
</p>
<a name=“maincontainer”>Introduction</a><!-- this is where I intend to show the introduction page–>
</div><!–mainfeature–>

</div> <!-- content –>
<div id=“sidebar”>
<div class=“inner”>
<h3>Cs Course VLT</h3>
<ol>
<li class=“file”><a href=“#maincontainer”>Introduction</a></li><!–this is the link to direct to maincontainer–>

        &lt;/ol&gt;

<ol class=“tree”>

	&lt;!--&lt;li&gt;--&gt;

	&lt;li&gt;

		&lt;label for="folder3"&gt;Course Contents&lt;/label&gt; &lt;input type="checkbox" id="folder3" /&gt; 

		&lt;ol&gt;
			&lt;li&gt;

				&lt;label for="subfolder3"&gt;Chapters&lt;/label&gt; &lt;input type="checkbox" id="subfolder3" /&gt; 

				&lt;ol&gt;

					&lt;li class="file"&gt;&lt;a href=""&gt;Chapter 1&lt;/a&gt;&lt;/li&gt;

					&lt;li class="file"&gt;&lt;a href=""&gt;Chapter 2&lt;/a&gt;&lt;/li&gt;

					&lt;li class="file"&gt;&lt;a href=""&gt;Chapter 3&lt;/a&gt;&lt;/li&gt;

					&lt;li class="file"&gt;&lt;a href=""&gt;Chapter 4&lt;/a&gt;&lt;/li&gt;

					

				&lt;/ol&gt;

			&lt;/li&gt;
			
			&lt;li&gt;

				&lt;label for="subfolder3"&gt;Examples&lt;/label&gt; &lt;input type="checkbox" id="subfolder3" /&gt; 

				&lt;ol&gt;

					&lt;li class="file"&gt;&lt;a href=""&gt;Chapter 1&lt;/a&gt;&lt;/li&gt;

					&lt;li class="file"&gt;&lt;a href=""&gt;Chapter 2&lt;/a&gt;&lt;/li&gt;

					&lt;li class="file"&gt;&lt;a href=""&gt;Chapter 3&lt;/a&gt;&lt;/li&gt;

					&lt;li class="file"&gt;&lt;a href=""&gt;Chapter 4&lt;/a&gt;&lt;/li&gt;

					

				&lt;/ol&gt;

			&lt;/li&gt;

		&lt;/ol&gt;

	&lt;/li&gt;

	&lt;li&gt;

		&lt;label for="folder4"&gt;Reading Assignments&lt;/label&gt; &lt;input type="checkbox" id="folder4" /&gt; 

		&lt;ol&gt;

			&lt;li class="file"&gt;&lt;a href=""&gt;Assignment 1&lt;/a&gt;&lt;/li&gt;
            &lt;li class="file"&gt;&lt;a href=""&gt;Assignment 2&lt;/a&gt;&lt;/li&gt;
            &lt;li class="file"&gt;&lt;a href=""&gt;Assignment 3&lt;/a&gt;&lt;/li&gt;
            &lt;li class="file"&gt;&lt;a href=""&gt;Assignment 4&lt;/a&gt;&lt;/li&gt;
            &lt;li class="file"&gt;&lt;a href=""&gt;Assignment 5&lt;/a&gt;&lt;/li&gt;
            &lt;li class="file"&gt;&lt;a href=""&gt;Assignment 6&lt;/a&gt;&lt;/li&gt;

	&lt;/ol&gt;

	&lt;/li&gt;

	&lt;li&gt;

		&lt;label for="folder5"&gt;Exercises&lt;/label&gt; &lt;input type="checkbox" id="folder5" /&gt; 

		&lt;ol&gt;

			&lt;li class="file"&gt;&lt;a href=""&gt;Exercise 1&lt;/a&gt;&lt;/li&gt;
            &lt;li class="file"&gt;&lt;a href=""&gt;Exercise 2&lt;/a&gt;&lt;/li&gt;
            &lt;li class="file"&gt;&lt;a href=""&gt;Exercise 3&lt;/a&gt;&lt;/li&gt;
            &lt;li class="file"&gt;&lt;a href=""&gt;Exercise 4&lt;/a&gt;&lt;/li&gt;

		&lt;/ol&gt;

	&lt;/li&gt;

&lt;/ol&gt;
		&lt;ol&gt;
					&lt;li class="file"&gt;&lt;a href=""&gt;References&lt;/a&gt;&lt;/li&gt;
		&lt;/ol&gt;

</div>
</div> <!-- sidebar –>
</div><!–main–>
</div><!-- wrapper –>
</body>
</html>

5

First of all, I don’t think this belongs in PHP, this is just HTML issues. From what I am seeing you want your sidebar links to go to different places on the main conent? Like in a table of contents on say, wikipedia? I may wrong but you didn’t actually say what you want to achieve.

I am really confused. You are trying to point the link to a div that is basically just next to the sidebar? Need more explaination, please.

6

sorry for bring confusion, its just my way of explaining seem not to be clear.

What I want is to have that table of contents(navigation links) yes, I want them
in the sidebar but once clicked to be displayed on the main content.