?
Solved

How to show left side menu with an include file

Posted on 2015-01-19
9
Medium Priority
?
169 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Get proactive database performance tuning online

At Percona’s web store you can order full Percona Database Performance Audit in minutes. Find out the health of your database, and how to improve it. Pay online with a credit card. Improve your database performance now!

 

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

Percona Live Europe 2017 | Sep 25 - 27, 2017

The Percona Live Open Source Database Conference Europe 2017 is the premier event for the diverse and active European open source database community, as well as businesses that develop and use open source database software.

Question has a verified solution.

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

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.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …
Suggested Courses

771 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