Solved

How to show left side menu with an include file

Posted on 2015-01-19
9
155 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 34

Expert Comment

by:Paul MacDonald
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
Free learning courses: Active Directory Deep Dive

Get a firm grasp on your IT environment when you learn Active Directory best practices with Veeam! Watch all, or choose any amount, of this three-part webinar series to improve your skills. From the basics to virtualization and backup, we got you covered.

 

Author Comment

by:Rad1
ID: 40560157
How to tie the CSS code with the include file or link?
0
 
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

Windows Server 2016: All you need to know

Learn about Hyper-V features that increase functionality and usability of Microsoft Windows Server 2016. Also, throughout this eBook, you’ll find some basic PowerShell examples that will help you leverage the scripts in your environments!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
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 purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

830 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