Member Avatar for cyberwizmj


I am a beginner with asp.net. I want to make a menu towards the left with content area towards the right. Just simple clicking link in the left frame and displaying data in the right frame.. only that I don't want to use frames and I'd like the menu to not to scroll up with the content on the right. Also, I can't use ajax controls, don't want to use flash and don't know java too well...

In the website I wanted to put link buttons/image buttons in the menu to display data in a gridview.

Any type of approach to do the above is welcome.. css/css2,tables,master pages, little bit of this n that, etc...

Thanks in advance :)

smpl.JPG 12.29 KB
  • 2 Contributors
  • 4 Replies
  • 200 Views
  • 23 Hours Discussion Span
  • Latest Post Latest Post by cyberwizmj
Member Avatar for lio04

Very easy way is use <div id> tags and extern style.css file.

e.g. this code in HTML file:

In header:

<link rel="stylesheet" type="text/css" href="style.css" />

Body:

<body>
<div id="container">
	
	<div id="menu">
	blah blah
	</div>

	<div id="content">
	blah blah
	</div>
</div>
</body>

and CSS:

#container {
  width: 500px;
  margin: 0 auto; 	
}
  

#menu {
  width: 200px;
  height: 600px;
  float: left;
  background-color: #c6d9f0;
  }

#content {
  width: 300px;
  height: 600px;
  float: left;
  background-color: #ffffff;
}

I hope, that I understand right, what you want. :)

Member Avatar for cyberwizmj

How do I open new pages in the content area?

Member Avatar for lio04

e.g. with PHP function inserted in content:

<?php
         $menu = $_GET['menu'];
         if ($menu=="") $menu=index;
         $filename="_".$menu.".php";
         include "$filename";
         ?>

In menu can be <a href="index.php?menu=articles">Articles</a><br> if is file named _articles.php .

Member Avatar for cyberwizmj

unfortunately my server doesn't support php... :(

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.