Learn VBA & Macros in 1 Week!

CSS - Vertical Nav, Slide Out Orientation Problem.

Full Excel VBA Course - Beginner to Expert

Vertical Nav, Slide Out Orientation Problem.	View Content

I've been toying with this for some time and I've been messing with it so long that I probably wouldn't see the problem if i was hit with a brick.

Essentially the link posted is to an html page where I have a portion of the left side of my main page. This page will have vertically listed navigation which upon hover will slide out a panel and so on.

I cannot seem to get the elements correct, the sliding out list items are correct but the other main listing is not sitting correctly, and the navigation box gets all elongated when I hover.

This code and page is designed to work with IE 6x for work. Any help would be appreciated.

Thanks.

http://mcpherson-racing.com/dave/Slideout.htm

Also I'm wondering if you see a problem with the page and the navigation that I'm attempting to make, Also if you have any design tips for this 'demo' I'd be happy to hear them.... I'm a bit lost on the 'footer' what to put there...

http://mcpherson-racing.com/dave/demo2.htm

The site isn't done, its about 30% so I know links are busted and not pointing to the right places.

Full Excel VBA Course - Beginner to Expert

Problem Centering Images By Orientation

Similar Tutorials

View Content

I'm struggling to find the correct CSS to center a middle column between a left and right column. I need this functionality for a dynamic photo gallery (powered by JS). To put it simply, I need the shaded area to the left and right of an image to expand/contract dynamically based on whether or not the image in the middle is in landscape or portrait format. I've figured out how to hard code it based on orientation, but I need it to be dynamic instead since the JS I'm using isn't aware of the orientation of the image. Examples of what it looks like live are seen below:

Portrait Orientation

www. notcrappy .com/html/portrait/studio-portraits/index.shtml

Landscape Orientation

www. notcrappy .com/html/wedding/favorites/index.shtml

Here's is some simplified HTML that I'm currently using to present the images and with the left/right blue borders:

<div class="left-blank-middle-<PORTRAIT or LANDSCAPE>-right-blank-left-side"> </div>

<div class="left-blank-middle-<PORTRAIT or LANDSCAPE>-right-blank-middle-position"><img src="images/01.jpg"/></div>

<div class="left-blank-middle-<PORTRAIT or LANDSCAPE>-right-blank-right-side"> </div>

And here is the CSS I'm using to give them the correct spacing when the dimension is known.

.left-blank-middle-landscape-right-blank-left-side {
width: 179px;
background-color: #003366;
float: left;
height: 400px;
margin-right: 3px;
margin-bottom: 10px;
}

.left-blank-middle-landscape-right-blank-middle-position {
float: left;
height: 400px;
margin-bottom: 10px;
width: 600px;
}

.left-blank-middle-landscape-right-blank-right-side {
width: 179px;
background-color: #003366;
float: right;
height: 400px;
margin-left: 3px;
margin-bottom: 10px;
}

.left-blank-middle-portrait-right-blank-left-side {
width: 346px;
background-color: #003366;
float: left;
height: 400px;
margin-right: 3px;
margin-bottom: 10px;
}

.left-blank-middle-portrait-right-blank-middle-position {
float: left;
height: 400px;
margin-bottom: 10px;
width: 266px;
}

.left-blank-middle-portrait-right-blank-right-side {
width: 346px;
background-color: #003366;
float: right;
height: 400px;
margin-left: 3px;
margin-bottom: 10px;
}

Can anyone give me any pointers on what I need to do to make the CSS dynamic based on the orientation of the photos? Thanks so much for your help!

Can You Specify Print Page Orientation Using Css?

Similar Tutorials

View Content

Hi,

Is there anyway to specify the printed page orientation using CSS? e.g. make the printed copy landscape or portrait.

thanks!

Change Page Print Orientation

Similar Tutorials

View Content

i have a page that must printed as lanscape.
as default users printer is configured as portrait.

how can i change it (portrait to landscape) programatically.

is this possible using css or other techniques?

Vertical Align Problem

Similar Tutorials

View Content

Hi guys,

I've got a table cell in which I want to display two pieces of text - one aligned top left, one aligned bottom right. Now, I can't for the life of me get the one to align to the bottom right. I can align the first bit of text to the top left fine, just not the second to to the bottom right.

At the moment I've got this code:

Code:

<html>

<head>

</head>

<body>
<table width="350" height="112" cellspacing="0" cellpadding="0">
  <tr>
	<td style="vertical-align: top" background="templates/<?=$templatedir?>/images/domain_box_05.gif" width="350" height="112">

	<div style="height: 56px; padding: 10px 0px 0px 20px; border: 1px; border-style: solid">
	test1
	</div>

	<div style="height: 56px; border: 1px; border-style: solid">
	[<a href="pricing.php" target="_blank" onClick='window.open("/pricing.php","pricing","width=475,height=415,status=yes,scrollbars=1,resizable=1");return false;'>
	test2</a>]
	</div>

	</form>

	</td>
  </tr>
</table>


</body>

</html>

I've just got the borders on there at the moment to see exactly where the div's are for debug purposes. I've tried using vertical-align: bottom, but it just doesn't do anything.

Any help would be greatly appreciated, thanks

Problem With 100% Vertical Column

Similar Tutorials

View Content

I would like a column to span the entire page vertically. When I browse my website on firefox, the page spans twice as long as the page. (www.skysupplyusa.com/a.php) Any advice?

Code:

#sidebar {
	float: left;
	background-color:#000;
	width: 20%;
	height: 100%;
}

#content{
	background-color:#FFF;
	width: 80%;
	min-height: 100%;
	height:auto;
	float: right;
	text-align:left;
}

/* Hack for IE */
* html #Content {
    height: 100%;
}
/* End IE Hack */

body {
	top:0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding:0;
	text-align:left; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:1.5em;
	background-color: #DDD6CC;
}

Problem With Vertical Spacing

Similar Tutorials

View Content

Hi,
Why there is such a big vertical space between table and element (div class="frm_container)
in Internet Explorer 6.
There is no space like that in Mozilla Firefox.
What can I do about it?
Thank you.
Code:

<head>
<title>Title</title>

<style type="text/css">
.frm_container {
    padding: 0px;
	margin: 0px;
	border: 1px solid #000;
	background-color: #fff;
}
</style>

</head><body><div class="frm_container">
<form name="register" enctype="multipart/form-data" method="post" >
<table><tr>
<td align="right">Username:</td><td><input type="text" name="user" /></td>
</tr></table>
</form></div></body></html>

Div Vertical Align Problem In Ie6-7

Similar Tutorials

View Content

Hi.

So I'm trying to get the image div to vertical-align against the text div, within a wrapper div.
It currently works fine in Firefox and IE8, but in IE7 and below it displays wrong.

I tried to make it work on IE using some workarounds I found but I managed to make it worse.

Can anyone help me adapt this code so it works on both firefox AND IE6+ ?

Much appreciated! Thanks!

Code (since I can't link to it...):

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Test</title>
    <style type="text/css">
      div {
        border: solid 1px black;
      }
      .wrapper {
        padding: 10px;
        display: table;
      }
      .image {
        width: 100px;
        vertical-align: middle;
        display: table-cell;
      }
      .text {
        margin-left: 100px;
        padding-left: 10px;
        display: table-cell;
      }
    </style>
  </head>

  <body>
  
    <div class="wrapper">
      
      <div class="image">
        <img src="" alt="Test Image">
      </div>
      
      <div class="text">
        Foo bar Foo bar Foo bar Foo bar Foo bar<br>
        Foo bar Foo bar Foo bar Foo bar Foo bar<br>
        Foo bar Foo bar Foo bar Foo bar Foo bar<br>
        Foo bar Foo bar Foo bar Foo bar Foo bar<br>
        Foo bar Foo bar Foo bar Foo bar Foo bar<br>
      </div>
      
    </div>
  </body>
</html>

Border Problem, Only Horizontal Or Vertical

Similar Tutorials

View Content

This might be a dumb question ... but here it is. I have a red background on my page and a simple table with one cell. I applied, via CSS, a 5 px border in white (border: 5px #fff solid and I want the bottom border to be black (border-bottom: 5px #000 solid but I didn't expected that result : the bottom border gets angular delimitation on both sides (see the link below).

Sample of the table

Here is the code used;

CSS
Code:

<style>

body
{
margin: 0;
padding: 0;
}

div.main
{
background-color: red;
height: 100%;
width: 100%;
}

.maintable
{
border: 5px #fff solid;
border-bottom: 5px #000 solid;
}

</style>

HTML
Code:

<body>
<div class='main'>

<br /><br />
<center>
<table border='0' cellspacing='0' cellpadding='0' class='maintable'>
	<tr>
		<td>Cell #1</td>
	</tr>
</table>
</center>

</div>
</body>

What I want, is a clean table that, if the border-bottom is declared AFTER the border statement, it will color ALL the bottom white to black, and if border-bottom is declared BEFORE the border statement, it will color the bottom border black except both sides (left and right) that will remain white.

I don't want angular sides like the one in the link, I want horizontal or vertical sides only, is that possible?

Thanks a lot.

Ie Vs Mz Div Problem With Content/vertical Repeat

Similar Tutorials

View Content

Hi,

I'm polishing off a template for my Rugby League Club and using Etomite Content Management System behind it. Its designed for IE and MZ in anything from 800x600 and up.

I have two problems both relating to non appearing vertical background repeats.

This is the template body, find it live he

http://parkesproperties.com/dublin_.../index.php?id=1

Code:

   <body>
      <span id="header"></span>

      <div id="main_container">

         <div class="newsarea">
            <div class="text">[*content*]</div>
         </div>

         <div class="menuarea">
            <div class="welcomeBar"></div>

            <div class="greenLeft">[*content3*]</div>

            <div class="blueRight">[*content4*]</div>

            <div class="blueLeft">[*content5*]</div>

            <div class="greenRight">[*content6*]</div>
         </div>
      </div>

      <span id="footer"></span>
   </body>

The both problems are evident in MZ and not IE for this first page. The main <div> main_container won't recognize the nested divs as content for the sake of the background repeat-y. This works fine in IE. Has anyone an idea of a work around for this?

The second problem can be seen at the bottom of the page in MZ and in both browsers http://parkesproperties.com/dublin_...index.php?id=25 Because I require the height to be larger in the newsArea <div> than in the menuArea <div>.

CSS Files:
http://parkesproperties.com/dublin_blues/base_ie.css
http://parkesproperties.com/dublin_blues/base_mz.css

All help is appreciated!!
Thanks
Denis

Vertical Flyout Menu Problem

Similar Tutorials

View Content

I have a vertical flyout menu setup on the left side of the page with the associated links arranged in vertical columns next to each menu selection. It is working fine 99% of the time but I am getting some reports that the vertical columns do not touch the main selection column so that when the user moves the cursor to the right to go to the selection list there is a break between the columns and the column disappears before a selection can be made. I have not been able to duplicate this on my IE8 and it works fine with Firefox. This makes it rather hard to trouble shoot so I am hoping someone else has had this problem and know what I am talking about. It seems to only happen to users with IE7 and IE8 but not most IE8 users.
Is there perhaps some code I need to add to the CSS file that will solve this problem? THX

Website Not Centering Correctly In Horizontal Iphone Orientation

Similar Tutorials

View Content

Hello!

I used CSS to vertically center my web site however when it is viewed in the horizontal mode on an iphone, the site is cut off and not centered. How can I fix this?

Here is the css I used to center the site:

#wrapper {
width:850px;
height:650px;

position:absolute;
top:50%;
margin-top:-325px;
left:50%;
margin-left:-425px;
}

And here is the site:
(URL address blocked: google Maid Marian Muffins)

I need the result to be fully functional i.e. zoom & pinching functions must still work.

Problem: Grey Shadow In Css Vertical Text

Similar Tutorials

View Content

I'm trying to implement bottom-to-top vertical text using CSS attributes in IE :
writing-mode: tb-rl;
filter: flipv fliph;

But I have encountered the following: the text is displayed with a grey shadow (instead of anti-alias).

It seems that the problem is caused by the "filter:flip" attribute. Does anyone have a work around? (If I write the same text without the "filter" attribute, the grey shadow disappears but my text is written top-to-bottom!)

Here's my stylesheet:

.verticaltext{
font-family: Arial;
font-size: 13px;
font-weight:bold;
color:#FF9100;
position:absolute; top:1px; height:90px;
width: 16px;
writing-mode: tb-rl;
filter: flipv fliph;
}

and here's the HTML:

<div class="verticaltext">Vertical Text</div>

I have also tried to use other CSS3 attributes like:
block-progression: ttb;
direction : rtl;

but they don't seem to work in IE.

Does someone know how to remove the grey shadow or know of another way to implement the bottom-to-top vertical text?

Odd Shaped Vertical Rollover Nav Menu Problem

Similar Tutorials

View Content

i have a vertical rollover menu which has odd shaped boxes, i'd like these to rollover without hiding those parts of the image that protrude.

[IMG](URL address blocked: See forum rules)[/IMG]

basically they have to butt up underneath each other, but not loose the outside top edges on the rollover state. i also want the text aligned right, but have a negative indent of 10 or so pixels. you'll see what I mean upon viewing the example.
thanks in advance!

current CSS;

ul {
list-style: none;
margin: 0;
padding: 0;
text-align: right;
position: relative;
}

ul a {
display: block;
width: 141px;
height: 44px;
line-height: 58px;
text-decoration: none;
background: url(../images/gif/menuOverA.gif) no-repeat left;
}

#home #menu .home a,
#about #menu .about a,
#choose #menu .choose a,
#services #menu .services a,
#health #menu .health a,
#testimonials #menu .testimonials a,
#contact #menu .contact a {
background: url(../images/gif/menuOverA.gif) no-repeat right;
cursor: default;
color: White;
}

#menu a:hover {
background: url(../images/gif/menuOverA.gif) no-repeat right;
color: White;
}

#about #menu .about li {
background-color: Aqua;
}
and html;

<div id="menu">
<ul>
<li class="home"><a href="index.html">HOME</a></li>
<li class="about"><a href="aboutUs.html">ABOUT US</a></li>
<li class="choose"><a href="whyChoose.html">WHY CHOOSE US</a></li>
<li class="services"><a href="services.html">SERVICES</a></li>
<li class="health"><a href="healthSafety.html">HEALTH & SAFETY</a></li>
<li class="testimonials"><a href="testimonials.html">TESTIMONIALS</a></li>
<li class="contact"><a href="contactUs.html">CONTACT US</a></li>
</ul>
</div>

Simple One I Think - Vertical Navigation Bar - I Want To Vertical Align The Text

Similar Tutorials

View Content

Hi,

Does anyone know how to veritcally align text using CSS? like <tr valign='middle'> when using tables.

My page is on:
http://www.3003online.com/demos/ecoceylon/v2/

You can see a difference in the "Home - About Us - Products - Contact Us" links when viewing from IE and Mozilla Firefox.

Basically, I would like the text to be centered vertically in the bar... but CSS by default puts it on top. I tried adding padding,which helped in IE... but Firefox still shows the links a bit higher than they should be.,... any ideas how to fix this?

Also, a different problem in case anyone knows how to fix it... you can see a small brown bar on the top bar. It is 50px in height. But I have no idea how to make its width as wide as the remainder of the page (this would change with different resolutions).

The main content of the page is 760px wide. I would like a brown box next to that, which is 50px in height and the remainder width. Any ideas? "width: auto;" doesn't work unfortunately

[ this is a follow up to my previous thread
http://forums.devshed.com/showthread.php?t=270438

Any help would be greatly appreciated.

Thanks very much.

Ie Problem: Vertical Dropdown Taking On Horizontal Parent List Style

Similar Tutorials

View Content

This is sort of an addendum to my earlier post on CSS, but with a new problem, now the problem is with IE.

I am trying to get the SuckerFish drop downs to work and have been successful in Firefox, but IE is giving me problems. The best thing to do is look at it in action:

http://www.forma3.com/stuff/css/index-v1.2.html
http://www.forma3.com/stuff/css/css/index-v1.2.css

I am guessing it is related to the parent child relationship in IE, namely the drop down is adopting the style (float: left) that is set for the horizontal menu. I had to put in an underscore for the "#nav li" since it was causing problems in Mozilla. Unfortunately, this causes a validation error.

Slide Link To The Right

Similar Tutorials

View Content

Thanks for taking the time to read my question.

I've almost got what I want. I would like my link, on hover, to "slide" to the right a bit and change background color.

My problem is the flickering. I think it's because I'm using a class on the <li> and a class on the <a>, but I'm not sure how else to accomplish what I'm trying to do. I know it would be better if I didn't have a class on the <a>.... I think.

Any ideas?

Thanks,

Brad

HTML:
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title></title>
<link href="Nav.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<ul class="NavList">
	<li class="NavListItem1"><a href="#" class="NavListItem">Home</a></li>
	<li class="NavListItem2"><a href="#" class="NavListItem">About</a></li>
	<li class="NavListItem3"><a href="#" class="NavListItem">Contact</a></li>
</ul>
</body>
</html>

CSS:
Code:

ul.NavList {
List-style-type: none; 
border-left: solid 5px #3366CC;
padding: 0px;
margin: 0px;
}

.NavListItem {
color: #000000;
background-color: aqua;
display: block;
width: 60px;
padding-left: 3px;
}

.NavListItem1 a:hover {
width: 50px; 
display: block;	
margin-left: 5px;
background-color: red;
width: 60px;
padding-left: 3px;
}

.NavListItem2 a:hover {
width: 50px; 
display: block;	
margin-left: 5px;
background-color: green;
width: 60px;
padding-left: 3px;
}

.NavListItem3 a:hover {
width: 50px; 
display: block;	
margin-left: 5px;
background-color: orange;
width: 60px;
padding-left: 3px;
}

Slide Show Rollover

Similar Tutorials

View Content

I was wondering if anyone could explain how this works.
http://alt-web.com/DEMOS/CSS-Disjoi...-Rollover.shtml

What I am not understanding is the role of the:

<div id="defaultImage">
<img src="DefaultImage.jpg" /></div>
and the
<div id="Relative"></div>

what do they do and why are they needed?
Or maybe you cold steer me in a direction.

Thank you

3rd Level Slide Out Navigation

Similar Tutorials

View Content

Hello,
I'm using a 'slide-out' navigation on an intranet, however I need it to go to a 3rd level and for the life of me I cannot get the combonation for expanding the list to 3 levels.

Here is a 'demo' of what I'm trying to do, if you go to Office support, and resources it needs to come out when you hover.

DEMO

*This site was designed with IE 6.0 in mind.

Code:

/*Navigational CSS*/

#navigation ul
	{
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 185px; /* Width of Menu Items */
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family:"trebuchet MS", Garamond, arial;
	}
	
	#navigation li 
	{
	position: relative;
	}

	#navigation a 
	{
	display: block;

	}

	#navigation li ul
	{
	left: 185px;
	top: -0px;
	display: none;

	}

		#navigation ul li a, #navigation li a 
		{
		display: block;
		text-decoration: none;
		color: #fff;		
		background-color: #0F2344;
		padding: 3px;
		font-family:"trebuchet MS", Garamond, arial;
				
		}

		#navigation li
		{
		position: relative;
		z-index: 10;
		}

		#navigation li ul li
		{
		position: relative;
		z-index: 15;
		}

		#navigation ul li a:hover, #navigation li a:hover
		{
		color: #000;
		background: #467BB4;
		}

		#navigation li ul li a
		{

		padding: 2px 5px;

		}

		#navigation li:hover ul, #navigation li.over ul
		{
		display: block;
		}

Thanks for the assistance..

Css Slide Right Panel Under Left Sidebar

Similar Tutorials

View Content

If you have a second.....

Doing a design for my brother and I have this idea that seems so simple but I can't figure it out. I attached a image that explains it better than I could in an a post. Here is the site: anthemcompanies.com/index2.html

Here is the image to explain it (can't insert an image so it is a link) anthemcompanies.com/screen.png

I would like to use just CSS to accomplish it but I have no idea how.

I have searched everywhere online. I have tried adapting some jquery scripts and some js stuff but nothing has worked for me. Advice, links, completely explained solution, or I have no idea, would be most appreciated.

Editing A Dynamic-fx Slide-in Menu

Similar Tutorials

View Content

Hey all,

I downloaded this DHTML script for a Dynamic-Fx Slide-In Menu from http://www.dynamicdrive.com and i'm facing some trouble.

The menu suits my needs perfectly with only 1 problem. I want to position the menu in a fixed location on my website somewhere other than the edge of the screen, so i adjust the xy coordinates in the ssmItems.js file to do so...the problem is that the menu changes location depending on whether the window is maximized or not and on the resolution of the monitor. I want it to stay in 1 place ALWAYS! How? PLEASE HELP!

there are two .js files associated with this scrip, ssmItems.js & ssm.js and a bit of html in the <head> section of the file into which the menu is placed. Please find all 3 below:

HTML code in <head> section:

<STYLE>

</STYLE>

<SCRIPT SRC="ssm.js" language="JavaScript1.2">
</SCRIPT>

<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>

<script type="text/javascript">

Code from ssmItems.js file



Code from ssm.js file

NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}

function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}

function initSlide() {
if (NS6){ssm=document.getElementById("thessm").style;bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";}
else if (IE) {ssm=document.all("thessm").style;bssm=document.all("basessm").style
bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";}
else if (NS) {bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";}
if (menuIsStatic=="yes") makeStatic();}

function buildMenu() {
if (IE||NS6) {document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS) {document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">')}
if (NS6){document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>')}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++) {
if(!ssmItems[i][3]){ssmItems[i][3]=menuCols;ssmItems[i][5]=menuWidth-1}
else if(ssmItems[i][3]!=menuCols)ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
if(ssmItems[i-1]&&ssmItems[i-1][4]!="no"){document.write('<TR>')}
if(!ssmItems[i][1]){
document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"> <font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"><b>'+ssmItems[i][0]+'</b></font></td>')}
else {if(!ssmItems[i][2])ssmItems[i][2]=linkTarget;
document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>')}
if(ssmItems[i][4]!="no"&&barBuilt==0){buildBar();barBuilt=1}
if(ssmItems[i][4]!="no"){document.write('</TR>')}}
document.write('</table>')
if (NS6){document.write('</TD></TR></TABLE>')}
if (IE||NS6) {document.write('</DIV></DIV>')}
if (NS) {document.write('</LAYER></ILAYER></LAYER>')}
theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1)}