asked on

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?


<div id="pageNav">

</div>


Thank you,
RS

Paul MacDonald

This depends on what your HTML looks like, what your CSS looks like, and how you define "Left side of the page".

COBOLdinosaur

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&

Rad1

ASKER

@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 */
}

Rad1

ASKER

How to tie the CSS code with the include file or link?

COBOLdinosaur

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&

Rad1

ASKER

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

Rad1

ASKER

<!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

ASKER CERTIFIED SOLUTION

Rad1

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Rad1

ASKER

I found the answer.