How do I make the menu width wider, to stretch more horizontally across the screen?
Printable View
How do I make the menu width wider, to stretch more horizontally across the screen?
Is there a way to make the menu stretch the breadth of the width of the screen by default?
Why doesn't it work now? http://hstrial-tedocitycom.homestead...CityTulsa.html
Is there a feature in OmniSlide Menu allowing for a side scroll bar automatically appearing when there are more entries than will fit on the screen otherwise? Physicallity. Let's say the menu is such:
Emergency, Non-Emergency, & Local Information Numbers
Tulsa Demographics
Spirituality/Churches/Synagogues/The Trinity/The Holy Bible
Civics
Business
Employment/Career
Finance
Insurance
Getting Married in Tulsa
Education
Health Care
Groceries/Nutrition
Recipes
Restaurants & Food Delivery
Shopping
Clothing
Furniture
Transportation/Travel
Automotive/Vehicles
Tools
MultiMedia/News/TV/Radio/Weather
Pets/Animal Husbandry
Theater
Theatre
Bars/Clubs/Taverns/Saloons/Watering Holes
Hotel/Motel/Lodging
Sweepstakes/Contests/Lotto
Games/Puzzles/Toys
Arts/Crafts
Botany/Gardening/Arbor
Astronomy/Space
Sloganed T-Shirts/Caps
Blog
Various Cognitive Tools
How do I add a scroll bar to the menu? Something whereby the part of OmniSlide that says "Menu" doesn't drop down below the edge of the screen with a scroll bar in between "Menu" and the first entry in the Menu. Here's what I've got http://hstrial-tedocitycom.homestead...CityTulsa.html Please help. Thanks. Ted.
Code:<!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" xml:lang="en" lang="en">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
#menu2 {
position:fixed;left:200px;top:0px;width:700px;height:20px;background-Color:blue;color:white;text-Align:center;
}
#menu2 .content {
position:absolute;visibility:hidden;left:0px;top:20px;width:700px;height:400px;background-Color:#FFFFCC;text-Align:left;overflow-Y:scroll;
}
#menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
#menu2 a:active {color:blue;text-decoration:none;}
#menu2 a:visited {color:blue;text-decoration:none;}
#menu2 a:hover {color:navy;background-color:#f0fea8}
/*]]>*/
</style></head>
<body>
<div id="menu2" onmouseover="zxcSlidePanel.Show('menu2',true);" onmouseout="zxcSlidePanel.Show('menu2',false);">
Menu
<div class="content">
<TABLE>
<TBODY>
<TR><TD class=heading colSpan=3>MyKeytotheCityTulsa.us</TD></TR>
<TR><TD colSpan=3><A href="http://hstrial-tedocitycom.homestead.com/MyKeyToTheCityTulsa.html#Anchor_454" target="">EMPLOYMENT - Anchor Link Test</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Emergency, Non-Emergency, & Local Information Numbers</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Mute/Play KRMG Radio</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Mute/Play White House Press Briefings</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Tulsa Demographics</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Getting Married in Tulsa/Anniversaries</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Spirituality/Witnessing/Churches/Synagogues/The Father/The Trinity/The Holy Bible</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Civics/Voting/Government</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Utilities/Internet/WiFi/Telephone/Electric/Natural Gas/TV/Communications</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Business/Finance</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Employment/Career</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Insurance</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Education/eBooks</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Health Care</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Groceries/Nutrition</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Recipes</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Restaurants & Food Delivery</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Exercise</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Shopping</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Clothing</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Furniture</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Tools</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Automotive/Vehicles</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Transportation/Air, Land, Sea, & Space Travel/Atli/Maps</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Hotel/Motel/Lodging/Resorts/Real Estate/Moving</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">MultiMedia/Movies/Music/News/TV/Radio/Weather/Audio/Video/Newspapers/Magazines/eBooks/Concerts</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">TV Guide</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Grooveshark Music</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Theater</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Theatre (Stage) – That's Entertainment!</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Bars/Clubs/Taverns/Saloons/Watering Holes</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Sweepstakes/Contests/Lotto</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Sports</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Pets/Animal Husbandry/Kennels/Veterinarians</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Games/Puzzles/Toys</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target="">Computing</A></TD></TR>
<TR><TD colSpan=3><A href="#Anchor_" target=""></A></TD></TR>
</TBODY>
</TABLE>
</div>
</div>
<script type="text/javascript">
/*<![CDATA[*/
var zxcSlidePanel={
Show:function(id,ud){
var o=this['zxc'+id],t;
if (o){
t=ud?o.a[2]:0;
o.c.style.visibility='visible';
this.animate(o,o.a,o.a[3],t,new Date(),o.ms*Math.abs((t-o.a[3])/o.a[2])+5);
}
},
init:function(o){
var id=o.ID,ms=o.Animate,m=document.getElementById(id),c=m?m.getElementsByTagName('DIV')[0]:null;
if (c){
o.a=[c,'height',c.offsetHeight,0];
c.style.height='0px';
c.style.visibility='hidden';
o.c=c;
o.ms=typeof(ms)=='number'&&ms<20?ms:1000;
o.id=id;
this['zxc'+id]=o;
}
},
animate:function(o,a,f,t,srt,mS){
clearTimeout(a[5]);
var oop=this,ms=new Date()-srt,n=(t-f)/mS*ms+f;
if (isFinite(n)){
a[3]=Math.max(f<0||t<0?n:0,n);
a[0].style[a[1]]=a[3]+'px';
}
if (ms<mS){
a[5]=setTimeout(function(){ oop.animate(o,a,f,t,srt,mS); },10);
}
else {
a[3]=t;
a[0].style[a[1]]=t+'px';
t==0?a[0].style.visibility='hidden':null;
}
}
}
zxcSlidePanel.init({
ID:'menu2',
Animate:2000
});
/*]]>*/
</script>
</body>
</html>