SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Hybrid View

  1. #1
    SitePoint Enthusiast nkacharani's Avatar
    Join Date
    Oct 2010
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Menu information to be displayed in the same page

    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. #2
    SitePoint Wizard silver trophybronze trophy Cups's Avatar
    Join Date
    Oct 2006
    Location
    France, deep rural.
    Posts
    6,869
    Mentioned
    17 Post(s)
    Tagged
    1 Thread(s)
    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. #3
    SitePoint Enthusiast nkacharani's Avatar
    Join Date
    Oct 2010
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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]-->

    <!--[if !IE]>--><link rel="stylesheet" type="text/css" href="_styles.css" media="screen"><!--<![endif]-->

    <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-->

    </ol>
    <ol class="tree">


    <!--<li>-->

    <li>

    <label for="folder3">Course Contents</label> <input type="checkbox" id="folder3" />

    <ol>
    <li>

    <label for="subfolder3">Chapters</label> <input type="checkbox" id="subfolder3" />

    <ol>

    <li class="file"><a href="">Chapter 1</a></li>

    <li class="file"><a href="">Chapter 2</a></li>

    <li class="file"><a href="">Chapter 3</a></li>

    <li class="file"><a href="">Chapter 4</a></li>



    </ol>

    </li>

    <li>

    <label for="subfolder3">Examples</label> <input type="checkbox" id="subfolder3" />

    <ol>

    <li class="file"><a href="">Chapter 1</a></li>

    <li class="file"><a href="">Chapter 2</a></li>

    <li class="file"><a href="">Chapter 3</a></li>

    <li class="file"><a href="">Chapter 4</a></li>



    </ol>

    </li>

    </ol>

    </li>

    <li>

    <label for="folder4">Reading Assignments</label> <input type="checkbox" id="folder4" />

    <ol>

    <li class="file"><a href="">Assignment 1</a></li>
    <li class="file"><a href="">Assignment 2</a></li>
    <li class="file"><a href="">Assignment 3</a></li>
    <li class="file"><a href="">Assignment 4</a></li>
    <li class="file"><a href="">Assignment 5</a></li>
    <li class="file"><a href="">Assignment 6</a></li>

    </ol>

    </li>

    <li>

    <label for="folder5">Exercises</label> <input type="checkbox" id="folder5" />

    <ol>

    <li class="file"><a href="">Exercise 1</a></li>
    <li class="file"><a href="">Exercise 2</a></li>
    <li class="file"><a href="">Exercise 3</a></li>
    <li class="file"><a href="">Exercise 4</a></li>

    </ol>

    </li>

    </ol>
    <ol>
    <li class="file"><a href="">References</a></li>
    </ol>
    </div>
    </div> <!-- sidebar -->
    </div><!--main-->
    </div><!-- wrapper -->
    </body>
    </html>

  4. #4
    SitePoint Enthusiast
    Join Date
    Sep 2011
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.

  5. #5
    SitePoint Enthusiast
    Join Date
    Sep 2011
    Posts
    29
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #6
    SitePoint Enthusiast nkacharani's Avatar
    Join Date
    Oct 2010
    Posts
    53
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •