Solved

How to show left side menu with an include file

Posted on 2015-01-19
9
140 Views
Last Modified: 2015-01-25
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
Comment
Question by:Rad1
  • 6
  • 2
9 Comments
 
LVL 33

Expert Comment

by:paulmacd
ID: 40559997
This depends on what your HTML looks like, what your CSS looks like, and how you define "Left side of the page".
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 40560091
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
 

Author Comment

by:Rad1
ID: 40560151
@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
 

Author Comment

by:Rad1
ID: 40560157
How to tie the CSS code with the include file or link?
0
Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 40560264
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
 

Author Comment

by:Rad1
ID: 40560544
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
 

Author Comment

by:Rad1
ID: 40560667
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
 

Accepted Solution

by:
Rad1 earned 0 total points
ID: 40560668
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
 

Author Closing Comment

by:Rad1
ID: 40568980
I found the answer.
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now