Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 184
  • Last Modified:

How to show left side menu with an include file

Hello,

I have an shtm page that has an include side menu.
How can I make the side menu show up on the left side of the page instead of the top of the page?

<!-- begin left nav--->
<div id="pageNav">
<!--#include virtual="com/leftnav.ssi" -->
</div>
<!-- end left nav--->


Thank you,
RS
0
Rad1
Asked:
Rad1
  • 6
  • 2
1 Solution
 
Paul MacDonaldDirector, Information SystemsCommented:
This depends on what your HTML looks like, what your CSS looks like, and how you define "Left side of the page".
0
 
COBOLdinosaurCommented:
Post a link to the page.  We have no where near enough information to give you anything that comes close to being a solution.

Cd&
0
 
Rad1Author Commented:
@charset "utf-8";
/* CSS Document */

#pNav {
      position:relative;
      float:left;      
      width: 190px;
      margin: 0px 0px 0px 0px;
      *margin: 0px 0px 0px 0px;
      padding:0px;
      background-color: #FFF;
      font-size: 12pt;
      font-family:  Arial, Helvetica, sans-serif;
      letter-spacing: 0px;
      height: 100%;
      min-height: 100%;
      z-index: 1000;
}

*:first-child+html #pNav {margin-right:0px;}      /*setting for IE7 ONLY*/
#pNav img {
      /*display:block;*/
}

html>body #pNav {
      /*overflow: hidden; for Mozilla */
}
0
Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

 
Rad1Author Commented:
How to tie the CSS code with the include file or link?
0
 
COBOLdinosaurCommented:
I am not going to play guessing games based on viewing incomplete information. If you are not going to post a link I will move on to other things.

Cd&
0
 
Rad1Author Commented:
The page is not on the web yet.

I posted the CSS file content (above ), I don't need to know how to display the left menu anymore, I just need to know how to call the CSS file and associate it with the left menu.

so I have the below in the shtm page, and the CSS in a separate file.

<!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>
</head>
<body>

<!-- begin left nav--->
<div id="pageNav">
<!--#include virtual="com/leftnav.ssi" -->
</div>
<!-- end left nav--->

<div>
Other content here...........................................
</div>

</body>
</html>

Open in new window

0
 
Rad1Author Commented:
The page is not on the web yet.

I posted the CSS file content (above ), I don't need to know how to display the left menu anymore, I just need to know how to call the CSS file and associate it with the left menu.

so I have the below in the shtm page, and the CSS in a separate file.

<!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>
</head>
<body>

<!-- begin left nav--->
<div id="pageNav">
<!--#include virtual="com/leftnav.ssi" -->
</div>
<!-- end left nav--->

<div>
Other content here...........................................
</div>

</body>
</html>

Open in new window

0
 
Rad1Author Commented:
I found the answer.

Linking of Stylesheets – Using HTML and CSS
http://thechoppr.com/blog/2008/02/linking-of-style-sheets-using-html-and-css/

This will do it.

Thank you for your help!!!
Rad
0
 
Rad1Author Commented:
I found the answer.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

  • 6
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now