vertical spry menu bar help
in [Dreamweaver]
|
From: Andy on 10 Feb 2010 05:49 I would like to set up a vertical spry menu bar which does not move up but stays in position when the page is scrolled down. I have pasted the code below. Could some please point out what the settings are to do this. TIA Andy @charset "UTF-8"; /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************//*The outermost container of the Menu Bar, a fixed width box with no margin orpadding*/ul.MenuBarVertical{ margin: 0; padding: 0; list-style-type: none;font-size: small; cursor: default; width: 8em;}/* Set the active Menu Bar with this class, currently setting z-indextoaccomodate IE renderingbug:http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html*/ul.MenuBarActive{ z-index: 1000;}/* Menu item containers, positionchildren relative to this container andare same fixed width as parent*/ul.MenuBarVertical li{ margin: 0; padding: 0; list-style-type: none;font-size: 100%; position: relative; text-align: left; cursor: pointer;width: 8em;}/* Submenus should appear slightly overlapping to the right (95%) andup(-5%) with a higher z-index, but they are initially off the left side ofthescreen (-1000em)*/ul.MenuBarVertical ul{ margin: -5% 0 0 95%; padding: 0; list-style-type:none; font-size: 100%; position: absolute; z-index: 1020; cursor: default;width: 8.2em; left: -1000em; top: 0;}/* Submenu that is showing with class designation MenuBarSubmenuVisible,weset left to 0 so it comes onto the screen*/ul.MenuBarVertical ul.MenuBarSubmenuVisible{ left: 0;}/* Menu itemcontainers are same fixed width as parent */ul.MenuBarVertical ul li{ width:8.2em;}/******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts*******************************************************************************//* Outermost menu container has borders on all sides*/ul.MenuBarVertical{ border: 1px none #CCC; position: fixed;}/* Submenucontainers have borders on all sides*/ul.MenuBarVertical ul{ border: 1px none #CCC;}/* Menu items are a light gray block with padding and no text decoration*/ul.MenuBarVertical a{ display: block; cursor: pointer; background-color:#000; padding: 0.5em 0.75em; text-decoration: none; color: #CCC; font-size:small; font-weight: bold;}/* Menu items that have mouse over or focus have a blue background andwhitetext*/ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus{ background-color:#903; color: #FFF;}/* Menu items that are open with submenus are set to MenuBarItemHover withablue background and white text*/ul.MenuBarVertical a.MenuBarItemHover,ul.MenuBarVerticala.MenuBarItemSubmenuHover, ul.MenuBarVerticala.MenuBarSubmenuVisible{ background-color: #903; color: #FFF;}/******************************************************************************* SUBMENU INDICATION: styles if there is a submenu under a given menuitem*******************************************************************************//* Menu items that have a submenu have the classdesignationMenuBarItemSubmenu and are set to use a background imagepositioned on thefar left (95%) and centered vertically (50%)*/ul.MenuBarVertical a.MenuBarItemSubmenu{ background-image:url(SpryAssets/SpryMenuBarRight.gif); background-repeat: no-repeat;background-position: 95% 50%;}/* Menu items that are open with submenus have the classdesignationMenuBarItemSubmenuHover and are set to use a "hover" backgroundimagepositioned on the far left (95%) and centered vertically (50%)*/ul.MenuBarVertical a.MenuBarItemSubmenuHover{ background-image:url(SpryAssets/SpryMenuBarRightHover.gif); background-repeat: no-repeat;background-position: 95% 50%;}/******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you areanexpert*******************************************************************************//* HACK FOR IE: to make sure the sub menus show above form controls,weunderlay each submenu with an iframe*/ul.MenuBarVertical iframe{ position: absolute; z-index: 1010;filter:alpha(opacity:0.1);}/* HACK FOR IE: to stabilize appearance of menuitems; the slash in float isto keep IE 5.0 from parsing */@media screen,projection{ ul.MenuBarVertical li.MenuBarItemIE { display: inline; f\loat:left; background: #FFF; }}.mainimage img { right: 300px;}
From: Duncan Kennedy on 11 Feb 2010 05:22 In message <NOCdnTZkCZbcEu_WnZ2dnUVZ_jWdnZ2d(a)netspace.net.au>, Andy <woof44(a)hotmail.com> writes >I would like to set up a vertical spry menu bar which does not move up but >stays in position when the page is scrolled down. >I have pasted the code below. >Could some please point out what the settings are to do this. > I guess you could set up a frame based site and put your navigation into a frame that was fixed. I've avoided using frame for my entire web existence so I'm afraid I'm not the one to describe how to go about it. -- Duncan K Downtown Dalgety Bay
From: Andy on 11 Feb 2010 19:10 "Duncan Kennedy" <nospam(a)nospam.otterson-bg.couk> wrote in message news:t1vS8ABUp9cLFwBu(a)btinternet.com... > In message <NOCdnTZkCZbcEu_WnZ2dnUVZ_jWdnZ2d(a)netspace.net.au>, Andy > <woof44(a)hotmail.com> writes >>I would like to set up a vertical spry menu bar which does not move up but >>stays in position when the page is scrolled down. >>I have pasted the code below. >>Could some please point out what the settings are to do this. >> > I guess you could set up a frame based site and put your navigation into > a frame that was fixed. I've avoided using frame for my entire web > existence so I'm afraid I'm not the one to describe how to go about it. > > -- > Duncan K > Downtown Dalgety Bay Thanks Duncan. Like you, I don't like using frames. I have made a vertical fixed spry menu and have looked through the coding but cannot reproduce it. Frustrating! Andy
From: Duncan Kennedy on 12 Feb 2010 05:26 In message <zuKdnf-No8vhAenWnZ2dnUVZ_h6dnZ2d(a)netspace.net.au>, Andy <woof44(a)hotmail.com> writes > >Thanks Duncan. >Like you, I don't like using frames. >I have made a vertical fixed spry menu and have looked through the coding >but cannot reproduce it. >Frustrating! > The only other thing I can suggest (apart from somebody coming along here with the answer) I to come out with my now boring answer - if stuck try the home of the "Adobe Experts" (official name I think) and the other knowledgeable people who used to live here until April last year when Adobe dropped these groups. They now live on the Adobe web forums via their web site. -- Duncan K Downtown Dalgety Bay
|
Pages: 1 Prev: Currently Interacting with the Server Next: Global Warming and what you can do to against it |