Problems with Vertical Spry in IE
Hi,
I am having this problem viewing Vertical Spry menu only on internet explorer. It's ok on google chrome but it messes up on the internet explorer.
I would highly appreciate if someone could help me sort this out please.
The link to my website.
http://www.hbmrc.org/index-1WIP.html
a@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 or padding */
ul.MenuBarVertical
margin: 0;
padding: auto;
list-style-type: circle;
font-size: 100%;
cursor: default;
width: 13em;
border-top-color: #edeeee;
border-top-style:groove;
border-bottom-color:#313132;
border-bottom-style:groove;
border-left-color:#cbcccd;
border-left-style:groove;
border-right-color:#3d3d3e;
border-right-width: thin;
border-right-style:groove;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: auto;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 13em;
background-color: #FFFFFF;
overflow: visible;
background-image: url(../images/sidebarbk.jpg);
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-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: 12em;
left: -1000em;
top: 6px;
ul.MenuBarHorizontal li ul li{
clear: left;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: -11px;
border-top-color: #edeeee;
border-top-style:groove;
border-bottom-color:#313132;
border-bottom-style:solid;
border-bottom-style:groove;
border-left-color:#cbcccd;
border-left-style:groove;
border-right-color:#3d3d3e;
border-right-width: thin;
border-right-style:groove;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 12em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides
ul.MenuBarVertical
border: 1px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #ccc;
/*Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
/*background-color:#AECFF4;*/
background-image: url(../images/sidebarbk.jpg);
padding: 0.7em 0.75em ;
color: #000;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover
/*background-color: #777777;
color: #50cffc;*/
border-top-color: #edeeee;
border-top-style:groove;
border-bottom-color: #50cffc;
border-bottom-style: groove;
border-left-color:#cbcccd;
border-left-style:groove;
border-right-color:#3d3d3e;
border-right-width: thin;
border-right-style:groove;
padding: 0.45em 0.60em;
ul.MenuBarVertical a:focus
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover
background-color: #09F;
ul.MenuBarVertical a.MenuBarItemSubmenuHover, /*ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #7A85AD;
color: #333;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far 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 class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned 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 are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
margin: 0;
padding: auto;
list-style-type: katakana;
font-size: 100%;
cursor: default;
width: 13em;
border-top-color: #edeeee;
border-top-style:groove;
border-bottom-color:#313132;
border-bottom-style:groove;
border-left-color:#cbcccd;
border-left-style:groove;
border-right-color:#3d3d3e;
border-right-width: thin;
border-right-style:groove;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
I am sorry, but you have changed the CSS beyound recognition; I do not want to spend my time going through it to correct it.
One example that has angered me is
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
margin: 0;
padding: auto;
list-style-type: katakana;
font-size: 100%;
cursor: default;
width: 13em;
border-top-color: #edeeee;
border-top-style:groove;
border-bottom-color:#313132;
border-bottom-style:groove;
border-left-color:#cbcccd;
border-left-style:groove;
border-right-color:#3d3d3e;
border-right-width: thin;
border-right-style:groove;
Changing this has not made you an expert
Another example on or about line 155 is this line which is sure to upset the browser.
ul.MenuBarVertical a:focus
Yet another one
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: -11px;
border-top-color: #edeeee;
border-top-style:groove;
border-bottom-color:#313132;
border-bottom-style:solid;
border-bottom-style:groove;
border-left-color:#cbcccd;
border-left-style:groove;
border-right-color:#3d3d3e;
border-right-width: thin;
border-right-style:groove;
I suggest you start with a new widget, but before you do, read this http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Gramps
Similar Messages
-
IE problems with vertical spry menu bar
hi,
first of all: I'm aware that this problem has been discussed
before. but nothing I've found so far has really helped me.
the problem is that my vertical spry menu bar doesn't work
properly with the internet explorer. I've (clumsily) repositioned
the submenu bars, but that didn't seem to be the main problem.
I'm using dreamweaver cs3 on a mac and have checked for
safari and firefox, in which everything works fine. I'd be very
grateful if someone could have a look at
www.philipbirau.com/portfolio.htm.
unfortunatly, I have neither the skills nor the money for
'professional' webdesign, so any hint will be appreciated. if you
need more information, please let me know.
thanks!
philiphi,
first of all: I'm aware that this problem has been discussed
before. but nothing I've found so far has really helped me.
the problem is that my vertical spry menu bar doesn't work
properly with the internet explorer. I've (clumsily) repositioned
the submenu bars, but that didn't seem to be the main problem.
I'm using dreamweaver cs3 on a mac and have checked for
safari and firefox, in which everything works fine. I'd be very
grateful if someone could have a look at
www.philipbirau.com/portfolio.htm.
unfortunatly, I have neither the skills nor the money for
'professional' webdesign, so any hint will be appreciated. if you
need more information, please let me know.
thanks!
philip -
Problems with Vertical Spry menu bar in Internet Explora
Hi I'm new to Dreamweaver,
I having trouble with a new site I'm making in CS4. A problem with a vertical menu bar, in IE. Can anyone help?
1. The text is left aligned and should be centered.
2. The menu bar has moved left
3. My paragraph text has moved up the page and aligned itself to the to the menu bar.
Website address: http://www.greenwyse.co.uk/
I'm finding dreamweaver a bit clunky, reading the 'Missing Manual' but still very frustrating. Any one have any idea's/
cheers
myquirkSorry, but your CSS is has been mangled beyound recognition.
The solution is to start with an untouched style sheet. Then add or modify the CSS testing in your browsers as you make the changes.
Have a look at the following where I have positioned the menu. All that is now required is the styling for font and the hover event.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet">
<style>
body {width: 960px; margin: auto;}
.article {clear: both; margin: 20px;}
/* SPRY MENUBAR */
ul.MenuBarVertical {width: 29em; margin: auto; border: none;}
ul.MenuBarVertical li {width: 29em; text-align: center;}
ul.MenuBarVertical a {background-color: transparent;}
</style>
</head>
<body>
<h1><img src="http://www.greenwyse.co.uk/greenwyse natural products/green_wyse_logo.png" width="200" height="136" alt="Green Wyse Natural Body Care Products" longdesc="greenwyse natural products/green_wyse_natural_body_care_products.png" /></h1>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="index.html">100% Natural</a></li>
<li><a href="greenwyse natural products/about dawn Ireland.html">Handmade</a></li>
<li><a href="greenwyse natural products/Hand-Made-Natural-Bodycare.html">Eco Friendly</a> </li>
<li><a href="greenwyse natural products/green wyse body care products.html">Luxurious Body Care</a> </li>
</ul>
<div class="article">
<p>Working through a top-down, bottom-up approach, the vitality of conceptual synergies is of supreme importance to focus on improvement, not cost. Motivating participants and capturing their expectations, through the adoption of a proactive stance, the astute manager can adopt a position at the vanguard. Building flexibility through spreading knowledge and self-organization, by moving executive focus from lag financial indicators to more actionable lead indicators, the new golden rule gives enormous power to those individuals and units.</p>
<p>Organizations capable of double-loop learning, empowerment of all personnel, not just key operatives, measure the process, not the people. In a collaborative, forward-thinking venture brought together through the merging of like minds. The balanced scorecard, like the executive dashboard, is an essential tool in order to build a shared view of what can be improved, the vitality of conceptual synergies is of supreme importance. While those at the coal face don't have sufficient view of the overall goals.</p>
</div>
<!-- I prefer to keep the JS at the bottom of my document -->
<script src="SpryAssets/SpryMenuBar.js"></script>
<script>
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Gramps -
Formatting problem with Vertical Spry Menubar with Frameset
I have a frameset, which includes a Top Frame, with a nested
Left Frame, and a nested bottom frame after that. I also have a
vertical spry menubar in this left frame. When I click on an item
to view it's submenu, the center frame of the page cuts of a
significant portion of the submenu. I want the page to appear, so
that when you click on an item to view it's submenu, the submenu
appears past the frame's border, without having to set it up so
that the frame width is relevant to the use of the spry menubar
within it.
I talked to a Tech Support person today over the phone, and
he told me to post here and ask for someone to post custom code for
this.
If anyone can help, it would save me so much grief, and I
would be very greatful!There is no practical way to make a positioned page element
as you have in
the Spry menus cross the boundary between two separate frames
(i.e., two
unique HTML pages).
It is true. Your choices are limited now -
1. DUMP THE FRAMES - you would not be having this problem in
a non-framed
site.
2. Redesign your menus so that they do not need to span a
frame boundary.
3. Redesign the frameset so that you leave enough room for
the largest
popup.
4. DUMP THE FRAMES - you would not be having this problem in
a non-framed
site.
I recommend either #1 or #4, depending on what your needs
are. You just
have no idea the horrors that await you if you continue with
the frames.....
8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"DMMaestro2009" <[email protected]> wrote in
message
news:gbdvir$a8i$[email protected]..
>I have a frameset, which includes a Top Frame, with a
nested Left Frame,
>and a
> nested bottom frame after that. I also have a vertical
spry menubar in
> this
> left frame. When I click on an item to view it's
submenu, the center frame
> of
> the page cuts of a significant portion of the submenu. I
want the page to
> appear, so that when you click on an item to view it's
submenu, the
> submenu
> appears past the frame's border, without having to set
it up so that the
> frame
> width is relevant to the use of the spry menubar within
it.
>
> I talked to a Tech Support person today over the phone,
and he told me to
> post
> here and ask for someone to post custom code for this.
>
> If anyone can help, it would save me so much grief, and
I woulde be very
> greatful!
>
> Here's the link to the page...
>
>
http://www.vrd.ca/713/index2.htm
> -
Problems with the Spry Content Slider Widget in DW6
Hello there,
I have been wrestling with a problem I'm having with the Spry Content Slider Widget that I hope someone has an answer for.
I have 2 widgets on a page, but the problem I'm having occurs whether there is 1 or 2 on the page.
No matter how many slides I have in the widget, it only shows the first 3. The 2 widgets per page occurs on every html page (9 in total.)
In there a setting in the inline or linked .js code limiting the number of slides to 3?
In addition to these widgets, I also use a DWUser_EasyRotator Slider on the pages, and both the easyRotator and Spry Widgets launch a fancyBox jQuery Gallery. Tho it's a possibility, I don't think the mixing of sliders/js is the problem, as I was having the problem with the Spry Widget showing only the first 3 upon the first insert of the Widget.
Any suggestions on settings I should be aware of, as regards the Widget, would be greatly appreciated… (;On line 66 of your code, you have an extra </head> tag that doesn't belong. Remove that and validate your code again.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.gallerynumber9.com.au%2Findex ---778.html
Nancy O. -
I have a problem with vertical images burned on a cd
I have a problem with vertical images burned on a cd either from a Mac or a stand alone burner. What happens is the images come from the card and are put on the cd. Also note the the camera has been set for the computer to automatically show images vertically when shot that way. The images look good on my Mac, but are horizontal on windows computers. Both XP and Vista. What can be done?
JohnHi, thank you for the response... not sure looks that the battery its ok, I'm not sure.
Charge Information:
Charge remaining (mAh): 4356
Fully charged: Yes
Charging: No
Full charge capacity (mAh): 4356
Health Information:
Cycle count: 813
Condition: Normal
Battery Installed: Yes
Amperage (mA): 0
Voltage (mV): 12571 -
Help with vertical spry menu bar submenu displaying incorrectly!
I’m new to Dreamweaver and am learning as I go. I am having a problem with the vertical spry menu bar submenu in the Live View. When I scroll over the spry menu bar option that has a submenu, the submenu appears in the upper right hand corner of my screen. (My menu bar is going down the left hand side.) However, when I preview it in Internet Explorer it looks fine after I allow the Java Script to run or the Active X controls, which my browser usually automatically blocks. (The browser just displays a small message along the top and I click on it to allow it.) To get it to do this much, I had to play around with the CSS for the spry menu bar a little bit.
Before, when I clicked on the Live View option, a small message ran along the top in Dreamweaver saying it couldn’t find the Flash Plugin and asked me to download the most recent FlashPlayer, which I did twice. It continued to say that and then I just closed that message that kept popping up, but I think that has something to do with the problem. I then researched that problem in the Spry Framework Help and Dreamweaver Help, but couldn’t find a solution that worked. (Someone had posted a link for downloading the Flash Player for Netscape Navigator, but that didn’t seem to do anything.)
Please also note that I am using one of Dreamweaver’s pre-built layouts. I don’t know if that makes a difference with this problem.
How do I fix this problem so that it displays correctly in the LiveView? And will the message that I get on my browser about allowing blocked content appear on other people’s computer when they open my website?IE is a big problem child among browsers. Don't use it as your default browser.
For best results, build your site to display & perform well in the web standards browsers like Firefox, Chrome, Safari & Opera. If it works in one, it should work pretty much the same in all of them.
After you're satisfied with how your site looks in the good browsers, then test in IE. If needed, add hacks or conditional comments to make IE behave. There are many web sites that discuss known bugs in IE and how to work around them.
Lastly, the active X nag screens only appear locally. Once deployed on the remote server, you won't see them.
For better answers to your layout questions, we need to see your page. Can you post a URL?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
I posted this in the general forum, but thought I'd repost
here since this is more specific to Spry.
I'm having issues in IE (6 & 7...surprise, surprise) with
my vertical spry menu. It displays exactly the way I want it when I
use Opera. I think it has to do with the whitespace:nowrap on the
2nd level menu items, but I really don't know. I want the 2nd level
menu to be different width than the 3rd level, so I have both
levels set to auto width with nowrap.
This is how it looks in IE 7:
Menu
in IE
This is how it looks in Opera (correct):
Menu
in Opera
Attached is my CSS as well. Let me know if you need the HTML,
too.
Thank you for helping!
quote:
@charset "UTF-8";
/* SpryMenuBarVertical.css - Revision: Spry Preview Release
1.4 */
/* 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 or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 8em;
/* Set the active Menu Bar with this class, currently setting
z-index to accomodate IE rendering bug:
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this
container and are 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%) and up (-5%) with a higher z-index, but they are initially
off the left side of the screen (-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: auto;
left: -1000em;
top: 0;
white-space: nowrap;
/* Submenu that is showing with class designation
MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: auto;
white-space: nowrap;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text
decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue
background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to
MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical
a.MenuBarItemSubmenuHover, ul.MenuBarVertical
a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a
given menu item
/* Menu items that have a submenu have the class designation
MenuBarItemSubmenu and are set to use a background image positioned
on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class
designation MenuBarItemSubmenuHover and are set to use a "hover"
background image positioned on the far left (95%) and centered
vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless
you are an expert
/* HACK FOR IE: to make sure the sub menus show above form
controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the
slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;IE is a big problem child among browsers. Don't use it as your default browser.
For best results, build your site to display & perform well in the web standards browsers like Firefox, Chrome, Safari & Opera. If it works in one, it should work pretty much the same in all of them.
After you're satisfied with how your site looks in the good browsers, then test in IE. If needed, add hacks or conditional comments to make IE behave. There are many web sites that discuss known bugs in IE and how to work around them.
Lastly, the active X nag screens only appear locally. Once deployed on the remote server, you won't see them.
For better answers to your layout questions, we need to see your page. Can you post a URL?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Weird problem with vertical text in a table
Hello,
I am new on this forum, usually I don't post because I always find the answer to my question, but this is something quite weird...
I have a table with vertical text in it (it has to be vertical because the cells are narrow). And I want it to be centered in the cell, both vertically and horizontally. When the cell is high enough, no problem. But as it becomes shorter, the text moves to the left. It is exactly as if there was a right margin within the cell, which is not the case.
See the example below : I had the text right-aligned (this is to say, bottom-aligned, as it is 270° rotated) to make it more visible.
Can someone help me there ? I already spent hours on that problem..!
Thank you very much !Only, my table contents both vertical and horizontal text, so I can't. But thanks for the suggestion.
Thank you kindly for all your answers. Anyway, re-writing the text in separate frames won't be so difficult (anyway it'll always take less time than what that problem already did..).
So I have a solution, thanks to Phorna
But remains the frustration of not finding the reason of this ! I will live along with it
Thanks to all -
Problem with Vertical scroll in table control
Dear All,
I am facing a problem with table control in module pool program. currently it displays 6 lines, but it does not display the vertical scroll button, even though when I fill data in the six rows and hit enter.
I have set the vertical scroll option on the table control properties also.
Can someone help me by sending some sample code?
Thanks,
Amit GoyalHI Amit ,
If you have already selected the properties of vertical and horizontal scroll bar then no other operations needed .. if the number of rows increases then that of the table control , you will automatically see the Vertical scroll in your table control ..
if still you dont see it then write back ..
Reward if helpful !
Thanks
Ranjita -
Problems with vertical cell borders and the default table style
When laying out tables in Word, I like to use thin horizontal lines (cell borders) and thick-ish white vertical lines. The vertical white cell borders create a subtle negative space that is less cluttered than the typical boxed-in-all-sides style.
Issue 1.
In Pages, horizontal cell borders seem to take precedence over vertical cell borders so my vertical white line trick doesn't work. Is there a way to force my vertical white cell borders to "show up" over my think black horizontal cell borders?
Issue 2.
So, for the time being, I'm not using vertical white cell borders in tables; instead, I set the vertical cell borders to "none." Unfortunately, when I try to set the default table style using a table with no vertical cell borders, Pages adds the vertical cell borders anyway. Does anyone know a way to get Pages to surrender?
Message was edited by: Steve in SeattleI must apologizes.
It seems that I didn't understand well the problem.
Issue 1.
In Pages, horizontal cell borders seem to take precedence over vertical cell borders so my vertical white line trick doesn't work. Is there a way to force my vertical white cell borders to "show up" over my think black horizontal cell borders?
NO
Issue 2.
So, for the time being, I'm not using vertical white cell borders in tables; instead, I set the vertical cell borders to "none." Unfortunately, when I try to set the default table style using a table with no vertical cell borders, Pages adds the vertical cell borders anyway. Does anyone know a way to get Pages to surrender?
I checked and here, aftere defining a new default format with vertical lines set to none, this format is used when I cvreate a new table.
But the same with horizontal lines doesn't apply.
_Go to "Provide Pages Feedback" in the "Pages" menu_, describe what you wish.
Then, cross your fingers, and wait _at least_ for iWork'10
Yvan KOENIG (from FRANCE mardi 28 avril 2009 22:31:45) -
Problem with Horizontal Spry Menu
Hi,
I have trawled through the forum to see if I can find an answer to my problem, but couldnt locate one, so this is my first post.
I recently built this website for my wifes business and was using a simple menu bar without any dropdowns, just to get the site up and running (healingthreads.com.au). Am now looking to do some enhancements and was looking to use a Spry Horizontal Menu Bar. All was going well in that I was able to insert the menu bar and get it in the right position, however the dropdowns below the top level items (ie. Item 1.1, Item 1.2 etc) are getting hidden behind one of the other DIV's and despite trying changing z-index values, am still not able to get the dropdowns to display in front of the main DIV. Have run out of ideas and am hoping the wisdom of the forum will be able to assist. I have the same problem on the Index page as well as the other pages on the site. The website is fairly basic at the moment and is simply promoting her courses and products.
Unfortunately am not able to post live code to a server for you to test on, so best that I can do is post the code for a page and for the CSS sheets. I have left the standard Spry code in place in the source code to show that the problem exists without and fancy changes that I have made to the Spry code. I have also removed the z-index properties that I had been playing around with. So, what I am attaching is the basic code that has the problem.
Hope someone can help.
Here is the source 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Healing Threads is an innovative practice on the NSW Central Coast offering workshops, group work, private consultations and also has a range of aromatherapy and handwoven products for sale" />
<meta name="keywords" content="healing journeys, healing, transpersonal counselling, private consultations, aromatherapy, handwoven, workshops" />
<title>Healing_Threads</title>
<link href="Styles/healing_threads.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body
<div id="container">
<h1>Healing Threads: Healing Journeys, Group Work and Private Consultations</h1>
<div id="Banner"><img src="images/HT_Banner_2.gif" alt="Banner" width="800" height="125" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
<area shape="rect" coords="67,12,770,113" href="index.html" />
</map>
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item 1</a>
<ul>
<li><a href="#">Item 1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Item 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>
<div id="background_image">
<div id="Prod_Image"><img src="images/HT-Web-Site-HP-Side-ImageV3.jpg" width="200" height="470" alt="Products & Services" /></div>
<div id="main_text">
<h5><a href="Workshops.html" class="htlinks">Healing Journeys</a></h5>
<p>Combining story, meditation, art and ritual to help tap into your own inner wisdom for self growth and healing.</p>
<h4><a href="Groups.html" class="htlinks">Group Work</a></h4>
<p>A range of weekly group activities exploring story, dreams, masks and more.</p>
<h4><a href="Consultations.html" class="htlinks">Private Consultations</a></h4>
<p>Using a range of creative processes, including meditation, art, movement, story and ritual, for the best healing outcome for clients.</p>
<h4><a href="Oils&Sprays.html" class="htlinks">Aromatherapy Products</a></h4>
<p>sCentred Therapies range of anointing oils, clearing sprays and perfumes that can be used to enhance meditation, ceremony and pleasure.</p>
<h4><a href="Handwoven.html" class="htlinks">Handwoven Items</a></h4>
<p>Handwoven products such as throws, wraps and scarves, created from stunning wools, silks and cottons.</p>
</div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Here is the main CSS sheet
@charset "UTF-8";
/* CSS Document */
#container {
width: 968px;
background: #CCCCFF;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
overflow: scroll;
height: 1200px;
#Banner {
width: 800px;
background: #CCCCFF;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
overflow: hidden;
#background_image {
background-image: url(../images/Coloured_Threads_Web.jpg);
background-repeat: no-repeat;
position: relative;
height: 533px;
width: 800px;
margin: 0 auto;
overflow: visible;
#background_image_ws {
background-image: ;
background-repeat: no-repeat;
position: relative;
height: 1000px;
width: 800px;
margin: 0 auto;
overflow: visible;
#main_text {
background-color: #FFF;
width: 500px;
margin-left: 0px;
position: absolute;
right: 0px;
bottom: 0px;
top: 52px;
left: 269px;
height: 470px;
#main_text h4 {
color: #7F7EB1;
font-family: Arial, Helvetica, sans-serif;
margin-left: 6px;
#main_text p {
color: #7F7EB1;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
margin-left: 6px;
#main_text h5 {
color: #7F7EB1;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
margin-left: 6px;
#Prod_Image {
background-color: #FFF;
height: 300px;
width: 200px;
position: absolute;
top: 53px;
#Prod_Image,#main_text {
float: left;
#Prod_Image {
margin-left: 35px;
#main_text_ws {
background-color: #FFF;
width: 600px;
height: 1000px;
margin-left: 0px;
position: absolute;
right: 0px;
bottom: 0px;
top: 0px;
left: 200px;
#Prod_Image_ws {
background-color: #FFF;
height: 1000px;
width: 200px;
position: absolute;
top: 0px;
#Prod_Image_ws,#main_text_ws {
float: left;
#main_text_ws h4 {
color: #7F7EB1;
font-family: Arial, Helvetica, sans-serif;
margin-left: 6px;
font-size: 16px;
#main_text_ws p {
color: #7F7EB1;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
margin-left: 6px;
#main_text_ws h5 {
color: #7F7EB1;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
margin-left: 6px;
#background_image_ws #main_text_ws p a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #7f7eb1;
a.htlinks:link {color:#7f7eb1;}
a.htlinks:visited {color:#7f7eb1;}
a.htlinks:hover {color:#0d004c;}
#container h1 {
position: absolute;
top: -500px;
Here is the Spry CSS Sheet - note: I have not modified this in any way.
@charset "UTF-8";
/* SpryMenuBarHorizontal.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, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;
Am sure that this is something quite basic that I have missed, however as mentioned above, am out of ideas.
Looking forward hopefully to your helpful suggestions.
Regards,
Healing ThreadsGramps,
Thanks for the prompt reply, greatly appreciated here in Sydney.
Re your response. When I preview the page in both Safari and Firefox, the dropdowns are not visible, just the top layer Items.
Dont understrand what is going on.
Am I doing something wrong when I am previewing the file?
RThanks,
Healing Threads. -
Problems With Vertical Photos in One Event Folder
This is my first post here on these forums...I tried searching for an answer first and couldn't find one.
I have one event folder that is having problems. I am unable to export or even duplicate any pictures that are in the vertical position. This folder did not have this problem about a month ago, but since then I have added photos and now a problem has occurred. I have an album that contains some of these photos and they have the same problem there (for obvious reasons, since they are the same photo). All my other event folders are fine and do not have this problem. Did this folder somehow become corrupt? I haven't messed around with my library at all (at least not that I am aware of, I pretty much stay out of finder). At first I thought it may be because the pictures in the folder were taken with two different cameras, but I have other folders like that and they do not have this problem.
I tried rebuilding the library (cmd+alt and clicking iPhoto), but they did not fix my problem.
Any help would be greatly appreciated!mogunn:
Welcome to the Apple Discussions. There is a way I think you can recover that event. Open the library package like this and go to the Originals/event folder for the problem event. Copy it to the desktop and confirm that the photos are there and you can open them with Preview. Next open iPhoto and delete all photos in the event and then reimport the event folder from the desktop.
Warning: while in the library package via the Finder do not rename, move any file or folder. Just copy that one event folder to the desktop.
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto (iPhoto.Library for iPhoto 5 and earlier) database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger or later), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 6 and 7 libraries and Tiger and Leopard. Just put the application in the Dock and click on it whenever you want to backup the dB file. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.
Note: There's now an Automator backup application for iPhoto 5 that will work with Tiger or Leopard. -
Connect horizontal with vertical spry menu
Hi,
I am a beginner, so maybe this is a stupid question... But here we go
Is there a way to "link" horizontal and vertical menu bars together?
I'll try to give an example...
The horizontal bar (main menu, in the header of the page) is:
Item 1 Item 2 Item 3 Item 4
(sub 1.1) (sub 2.1)
(sub 1.2) (sub 2.2)
Now, when clicking on one of the links, let's say "Sub 2.2", I would like to have the sidebar show this:
Item 2
sub 2.1
sub 2.2
subsub 2.2.1
subsub 2.2.2
subsub 2.2.3
sub 2.3
Where "Item 2" stays fixed as a title, and the subs form an accordion menu revealing sub-submenu's (you can open and jump to another sub by clicking on it)
Now, the easy way to do this, is to create a separate page with a separate accordion menu in the side bar for each of the "Items". But that means that when I alter something (add a submenu, change its name, change a link, etc), I'd need to change the separate pages as well.
Is there a not too complicated way to link them together? So that the Item 2 in the side bar is not just a word, and the menu below not just a separate menu, but refer to the horizontal menu which is in the header? In other words, I would like to create one single list with all the "Items", "Subs" and "Sub-subs" to which I can refer and use them in different spry formats and locations.
Thanks in advance!
TomShort answer, no way to do that with Spry menus. Also, Spry is a dead framework. Adobe abandoned it in 2012 and removed Spry from DW CC because it has outlived it usefulness and is not mobile friendly.
You might want to consider a different navigation approach such as a jQuery Mega Menu.
5 Best jQuery CSS3 Navigational Mega Menus | Jaspreet Chahal
Nancy O. -
Problem with vertical text in crystal report viewer
Hi,
I am displaying vertical text in crystal report designer and deploying the report in crystal reports server 2008. The deployed report is being displayed using JAVA in crystal report viewer control.
Problem: Vertical text header is getting collapsed wth other vertical headers.
Please help on this.
Thanks,Hi Vijay,
I found out another method of retaining all the chart formatting that is done in the preview pane.
Once you have done all the changes then you will find interestingly there is a chart menu option that appears in the tool bar. Once you click on it there is an option "Apply Changes to All Charts".
Select that option, close your preview. Open it once again and you will find that all the settings are still there and the Web Viewer is able to display them properly.
I think that I resolved this.
Regards,
Gourav
Maybe you are looking for
-
Connecting my Philip's Hue System
I'm sorry if this is in the wrong place, couldn't find one specifically for this. I am considering purchasing the Hue system. I live in a college dorm, and want to use it for when we are hanging out, and also for when I move into an apartment next se
-
I have purchased Adobe Acrobat XI Pro. I purchased it after the free test period had expired. In the drop down menue on the website XI Pro is not listed so I cannot enter the serial number [removed by host]. So I cannot use the program. John Steel
-
It is a 2006 model. I don't have enough memory on this but is there any other way to get it on here?
-
Laserjet 400 can't print envelopes ...
All- We purchesed a LaserJet 400 Color (M451) nw printer last year, and printing regular documents works fine. However, we have a lot of problems printing "non-letter" documents such envelopes, 3x5 cards, and other items. We are not trying to load di
-
I am thinking of finally upgrading from my 2nd Gen 20 gb iPod to the biggest 80gb. I will also be upgrading to the MacBook Pro with 100gb hd. I would like to use the 80gb ipod for my itunes and iphoto external storage to save on internal hard drive s