Textarea ... background-color:transparent causing problem in IE7
hello;
when I use <textarea style="background-color:transparent " > IE7 does not accept input ... other browsers work fine;
is there a way to get a transparent background for a textarea such that the textarea functions correctly in IE7 ( I haven't tested it in IE8 )?
thanks,
Shannon
What happens if you remove the background tag altogether?
I do this with my overflow css for text boxes and it leaves them transparent (as in: showing the page background) in Firefox, Safari Opera and IE 5, 6, 7 and 8.
Similar Messages
-
Make List background color transparent
hello all,
i want to make my list background color transparent.
this is my code:-
import mx.styles.CSSStyleDeclaration;
_global.styles.List = new CSSStyleDeclaration();
_global.styles.List.setStyle("backgroundColor",
"transparent")
it is working fine but after using this code listbox
selection listener stop working.Is there any other way to make list
background transparent?
thanks in advanceI was having the same problem with a Tree Component. Just
yesterday I found some code to let me do this. Where
tabs.menuContent is the path to my Tree, or your List
var mc = tabs.menuContent;
_global.styles.ScrollSelectList.backgroundColor = undefined;
mx.controls.listclasses.SelectableRow.prototype.drawRowFill
= function(mc:MovieClip, newClr:Number):Void {
mc.clear();
if (newClr == undefined) {
mc.beginFill(0xABCDEF, 0);
} else {
mc.beginFill(newClr);
mc.drawRect(1, 0, this.__width, this.__height);
mc.endFill();
mc._width = this.__width;
mc._height = this.__height;
tabs.menuContent.border_mc._alpha = 0; -
Background-color:transparent !important; is not working in IE
Hi,
In my sharepoint site i have used "background-color:transparent !important;" css. It is not working in IE but in Mozilla is working fine.
And I am using IE 11. Please let me know is there any thing wrong in the syntax. If that is the case please provide me correct solution for that.
Any help would be greatly appreciated.
Regards,
SayaThank you for your reply.
I have checked given links. Those are not use for this issue.
Actually in my sharepoint site the same code "background-color:transparent
!important;" was working fine before installing sharepoint 2010 service pack 2. After installation we got this issue. And if i change "transparent"
with any color, it is applying that color. Only "transparent"
background css is not working in IE. -
Applet-Panel, background color and size problem
I am writing an applet with simple form.
Form is having 3 rows and 2 cols (label and textfield). Each row I want to display in different color. So I created each row with 2 separate panel (one for label and one for text field - of which I set the backgroung color).
The total form is in one panel with grid layout (2 colmns).
My problems are
1)The space between label and text field (col width) can not be resized. I tried to use setSize but not giving any effect.
2)Another problem is when I am seting the background color, the textfield is also changing the color (textfield I want to white color only). This does not have any effect on Choice
3)The first label I wanted to use simple break but could not. I tried \n\t, \n, chr(13) + chr(10) etc but not getting any result so created separate panel.
My code goes here:
import java.awt.*;
import java.applet.*;
import java.awt.event.*;
public class test1 extends Applet{
protected TextField refnoTextField=null, payerTextField=null, amtTextField=null;
protected Choice typeChoice;
public void init() {
/* The mainPanel layouts components with BorderLayout manager
which will hold form and button panel */
Panel mainPanel = new Panel(new BorderLayout());
Panel taxformPanel=new Panel(new GridLayout(3,2));
Label l;
//panel for tax ref no label
Panel refnoLabelMainPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
//here wanted to use simple line break but \n\t does not seems to work not even chr (10), chr(13)
//so created separate panel (Payment Voucher Or \n\t Reference no.
Panel refnoLabelPanel = new Panel(new GridLayout(2,1));
l = new Label("Payment Voucher Or");
l.setFont(new Font("Helvetica", Font.BOLD,10));
refnoLabelPanel.add (l);
l = new Label("Tax Reference No:");
l.setFont(new Font("Helvetica", Font.BOLD,10));
refnoLabelPanel.add (l);
refnoLabelMainPanel.add(refnoLabelPanel);
refnoLabelMainPanel.setBackground(Color.blue);
//panel for tax ref no text field
Panel refnoTextFieldPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
refnoTextField = new TextField(20);
refnoTextFieldPanel.add(refnoTextField);
refnoTextFieldPanel.setBackground(Color.blue);
//panel for tax type label
Panel typeLabelPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
l = new Label("Tax Type:");
l.setFont(new Font("Helvetica", Font.BOLD,10));
typeLabelPanel.add (l);
typeLabelPanel.setBackground(Color.yellow);
//panel for tax type choice
Panel typeChoicePanel = new Panel(new FlowLayout(FlowLayout.LEFT));
typeChoice = new Choice();
typeChoice.add("Personal Tax");
typeChoice.add("Income Tax");
typeChoicePanel.add(typeChoice);
typeChoicePanel.setBackground(Color.yellow);
//panel for tax payers name label
Panel payerLabelPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
l = new Label("Tax Payer's Name:");
l.setFont(new Font("Helvetica", Font.BOLD,10));
payerLabelPanel.add (l);
payerLabelPanel.setBackground(Color.blue);
//panel for tax payer field
Panel payerTextFieldMainPanel = new Panel(new FlowLayout(FlowLayout.LEFT));
Panel payerTextFieldPanel = new Panel(new GridLayout(2,1));
payerTextField = new TextField(20);
payerTextFieldPanel.add(payerTextField);
l = new Label(" (as per NRIC or Passport)");
l.setFont(new Font("Helvetica", Font.BOLD,8));
payerTextFieldPanel.add (l);
payerTextFieldMainPanel.add(payerTextFieldPanel);
payerTextFieldMainPanel.setBackground(Color.blue);
taxformPanel.add(refnoLabelMainPanel);
taxformPanel.add(refnoTextFieldPanel);
taxformPanel.add(typeLabelPanel);
taxformPanel.add(typeChoicePanel);
taxformPanel.add(payerLabelPanel);
taxformPanel.add(payerTextFieldMainPanel);
/* buttonPanel to hold all buttons */
Panel buttonPanel = new Panel();
buttonPanel.setLayout(new FlowLayout(FlowLayout.CENTER));
Button continueButton = new Button("Continue");
continueButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
continueButtonAction();
Button clearButton = new Button("Clear");
clearButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
clearButtonAction();
Button cancelButton = new Button("Cancel");
cancelButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
cancelButtonAction();
buttonPanel.add(continueButton);
buttonPanel.add(clearButton);
buttonPanel.add(cancelButton);
mainPanel.add("Center", taxformPanel);
mainPanel.add("South", buttonPanel);
add(mainPanel);
} // public void init()
public void continueButtonAction() {
MessageDialog d=new MessageDialog("Confirm","Continue? ",true, 430, 150);
System.out.println ("Continue Button Pressed");
}//continueButtonAction
public void clearButtonAction() {
System.out.println ("Reset Button Pressed");
}//clearButtonAction
public void cancelButtonAction() {
MessageDialog d=new MessageDialog("Confirm","Cancel Button ? ",true, 430, 150);
System.out.println ("Cancel Button Pressed");
} // cancelButtonAction
} // TaxPaymentApplet3
Please help,
manishaI do not want to go into detail, but there are some hints you can follow.
I am talking about AWT, not swing, you should decide which one you will use and don't mix the two of them.
If you want to run your applet in current browsers without requiring the java plugin, you should be aware, that most browsers support old versions of java and many convenient methods and classes are missing :-(
So
You can change the size of a label by putting it in a panel ( labelPanel ), whose layout is set to FlowLayout. Then you put in labelPanel another empty panel ( emptyPanel ), whose layout is set to null, and you set the width of the empty panel to whatever you want ( this is the gap between the label and the next component ), an the height to the least nonsero number possible, i.e. 1. Well, you can add to the labelPanel more components, if you wish. So, when you want a gap, use an empty panel with a fixed size.
You cannot use line break in a label. You should place more labels in a panel instead. I am not sure if the direction of FlowLayout can be set to vertical, but very probably it can. If so, that is your solution. If not - see what other layout managers you have available, but make sure your choice belongs to java.awt ! BorderLayout allows you to use up to three labels (=> 3 lines). And if nothing fits your needs, ... write a layout manager.
Well, hope I could help. -
Background color and float problems
Hello all,
I am having a problem with the background color and the left
float for a navigation sidebar (also with the background color for
the footer). The body color is set to gray, and the main page is
centered with a white background. I set up the pages using mostly
CSS, with a few tables where they seemed necessary. I set up the
navigation side bar as a div with a green background and a left
float. The footer is set up as a div with a green background. All
text is aligned left.
When I preview in Safari, everything looks as expected.
In Firefox and IE5: The background color of the navigation
sidebar has white showing up behind the type that are not links
(e.g., mailing address and subheads). The div does not float all
the way to the left edge of the page. The background color of the
footer should be green but shows up as white. I validated the code
in DW, and it reports no problems (at least, it checked out after I
made a few corrections).
I am not that concerned about the background color for the
footer -- it is either all there (in Safari) or not there at all
(in Firefox and IE). But I would like to see if I can make it show
up. For the navigation sidebar, would putting it in a table cell
make it work correctly in Firefox and IE?
Regarding the left float issue for the nav sidebar IE5: At
the top of the page, my logo banner (it's placed in a div) shifted
to the right (in IE only). When I added a left float to the banner,
the banner lines up fine with the rest of the page, but a white
margin appears along the left side of the entire page.
None of my pages are uploaded to a web host yet. This is my
first website. I am working in DW8 on a Mac.
Thanks in advance,
Kathy (Daylilybud)Mista,
Here is my home page based on the template I sent previously.
Thanks in advance!
Kathy (Daylilybud)
<!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=UTF-8" />
<title>Loon Song Gardens: Home Page</title>
<link href="externalcss/informationcss.css"
rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
a {
font-weight: bold;
-->
</style></head>
<body>
<div id="container">
<div id="banner"><a name="topofpage"
id="topofpage"></a><img
src="graphics/thumbnailsheader/lsgheadergraphic_760x110.jpg" alt=""
width="760" height="110" />
<div id="heading"><img
src="graphics/thumbnailsheader/hotcolorstrip760.jpg" alt=""
width="760" height="76" /></div>
<div id="navsidebar">
<p class="navsidebarnormal">Loon Song Gardens,
LLC<br />
10910 109th Ave N<br />
Champlin MN 55316<br />
763.422.0015</p>
<ul class="ulnavsidebar">
<li class="ulnavsidebarli"><a
href="../donotuse/indextest4.html">Homepage</a></li>
<li class="ulnavsidebarli"><a
href="about_loonsonggardens/aboutus.html">About
Us</a></li>
<li class="ulnavsidebarli"><a
href="about_loonsonggardens/our_daylilies/aboutourintroductions.html">Our
Introductions</a></li>
<li class="ulnavsidebarli">Seedlings</li>
<li class="ulnavsidebarli">Photo Gallery</li>
<li class="ulnavsidebarli"><a
href="pricelist2008/pricelist2008ab2.html">2008 Price
List</a></li>
<li class="ulnavsidebarli"><a
href="pricelist2008/lsgorderform2008website.pdf">Order Form
(PDF)</a></li>
<li class="ulnavsidebarli"><a
href="about_loonsonggardens/shippingandterms.html">Shipping and
Terms</a></li>
<li class="ulnavsidebarli"><a
href="about_loonsonggardens/visitus.html">Visit
Us</a></li>
<li class="ulnavsidebarli"><a
href="mailto:[email protected]">Email Us
</a></li>
</ul>
<p> <span class="navsubheadbold">ABOUT
DAYLILIES</span> </p>
<ul class="ulnavsidebar">
<li class="ulnavsidebarli"><a
href="about_daylilies/howtoplant.html"
class="ulnavsidebarli">How to Plant</a></li>
<li class="ulnavsidebarli"><a
href="about_daylilies/growingtips.html"
class="ulnavsidebarli">Growing Tips</a></li>
<li class="ulnavsidebarli"><a
href="about_daylilies/howtodivideadaylily.html"
class="ulnavsidebarli">How to Divide</a></li>
<li class="ulnavsidebarli"><a
href="about_daylilies/moreaboutdaylilies.html"
class="ulnavsidebarli">More About Daylilies</a></li>
</ul>
<p> <span class="navsubheadbold">OTHER
LINKS</span> </p>
<ul class="ulnavsidebar">
<li class="ulnavsidebarli"><a href="
http://www.daylilies.org"
class="ulnavsidebarli">American Hemerocallis <br />
Society (AHS)</a></li>
<li class="ulnavsidebarli"><a href="
http://www.daylilies.org/ENews.html"
class="ulnavsidebarli">AHS Daylily E-News <br />
(FREE SUBSCRIPTION) </a></li>
</ul>
</div>
<div id ="content">
<h1>Welcome to Loon Song Gardens! </h1>
<ul>
<li class="contentli">We specialize in northern-hardy
daylilies (<em>Hemerocallis</em>).</li>
<li class="contentli">Our daylilies are field
grown.</li>
<li class="contentli">We offer competitive
prices.</li>
<li class="contentli">Loon Song Gardens, LLC, is a
licensed and inspected nursery.</li>
<li class="contentli">We are an American Hemerocallis
Society Display Garden. </li>
<li class="contentli">Visitors are welcome by
appointment.</li>
</ul>
<p>Loon Song Gardens is a specialty daylily nursery
and the home of Mike and Kathy Lamb in Champlin, Minnesota, USDA
hardiness zone 4. We grow over 1,000 named daylily cultivars in a
wide range of colors, sizes, and forms, from classics to cutting
edge. If you are looking for northern-hardy daylilies, check with
us! We will gladly share our growing experiences with you so you
may have the best possible success.Kathy hybridizes daylilies and
has introduced four daylily cultivars to date. For details, see
<a
href="about_daylilies/about_loonsonggardens/our_daylilies/ourintroductionsmain.html">Our
Introductions </a> and <a
href="about_daylilies/about_loonsonggardens/our_daylilies/seedlingsandfutures.html">Seedl ings.</a></p>
<h2>Are you new to the world of daylilies? </h2>
<p>Learn more about daylilies! Use the links in the
left sidebar to find answers to your questions. Check back for
updates. If you have questions, send us an email, and we will try
to help.</p>
<h2>To place your order</h2>
<p class="contentp">Use our on-line <a
href="about_daylilies/pricelist2008/pricelist2008v215ab.htm">2008
Price List </a> to make your selections. We are a small
nursery and quantities are limited, so it is best to confirm your
order via email.</p>
<p class="contentp">To place your order, print the
<a
href="about_daylilies/pricelist2008/lsgorderform2008website.pdf">Order
Form (PDF)</a>, fill it in, enclose payment by check or money
order (payable to Loon Song Gardens, LLC), and mail to:</p>
<blockquote>
<p class="contentp"> Loon Song Gardens<br />
10910 109th Ave N <br />
Champlin MN 55316</p>
</blockquote>
<p>We ship at least a double-fan size plant unless
otherwise noted in our listings, we include a bonus for orders of
at least $35, and we guarantee that our plants are true to
name.</p>
<h2>Visit Loon Song Gardens</h2>
<p>Loon Song Gardens is an official American
Hemerocallis Society (AHS) Daylily Display Garden, open by
appointment. If you will be in the Minneapolis area and would like
to stop by, please contact us to schedule a time. For details,
click on <a
href="about_daylilies/about_loonsonggardens/visitloonsonggardens.html">Visit
Us</a>. </p>
<h2>Join the American Hemerocallis Society
(AHS)</h2>
<p>The AHS website includes lots of great daylily
information, so be sure to take a look. </p>
<p>Join AHS today and take advantage of the voucher
program! New AHS members receive a voucher good for at least $25.00
toward daylilies from participating vendors (a minimum purchase may
apply). To join AHS, go directly to <a href="
http://www.daylilies.org/AHSmemb.html">AHS
Membership</a>.</p>
<p>Kathy is currently on the AHS Board of Directors as
Chair of Publicity and Media Relations. She produces <em>AHS
Daylily E-News,</em> an e-newsletter free for AHS members and
non-members alike. To subscribe, click on <a href="
http://www.daylilies.org/ENews.html">AHS
Daylily E-News</a>. </p>
</div>
<div id="topofpage"><a href="#topofpage">Top of
Page</a></div>
</div>
<div id="footer"><!-- #BeginLibraryItem
"/Library/footer1.lbi" -->
<p class="footer">© 2008 Loon Song Gardens,
LLC. All rights reserved. | Loon Song Gardens, LLC | 10910 109th
Avenue North | Champlin MN 55316<br />
<a href="mailto:[email protected]">Email
us</a>| | 763.422.0015 | Fax 763.422.0131 | This page was
last updated
<!-- #BeginDate format:Am1 -->March 30, 2008<!--
#EndDate -->
</p>
<!-- #EndLibraryItem --></div>
</div>
</body>
</html> -
Background color transparency?
Am I correct that at this time with CSS it is not possible to
assign degrees or % of transparency after you have selected a bkgd
color? It either has a color with no transparency or it is
completely transparent, right?
JAYsee the following two article/tutorials. They will tell you
everything you
need to know on CSS opacity, and how to implement it in
current browsers.
http://www.domedia.org/oveklykken/css-transparency.php
http://www.mandarindesign.com/opacity.html
Jeff
"LumberBisquit" <[email protected]> wrote in
message
news:fmlf05$sue$[email protected]..
> Am I correct that at this time with CSS it is not
possible to assign
> degrees or
> % of transparency after you have selected a bkgd color?
It either has a
> color
> with no transparency or it is completely transparent,
right?
>
> JAY
> -
Hi im a noob at dream weaver and i've been trying to create a menu and i have been having problems with this menu bar i don't know what to upload and i have made a topic about this before but i only got one reply and so i am trying to make my menu bar transparent and then the sub menu's colored with the color code #1A1A1A and the menu bars that have been color background are only the sub sub menu bars if you know what i mean and also my other problem is the spacing i have between each option is really uneven is there a way to make them evenly sperated apart from each other rather than just the size of a "box" that the text is in. Here is my SpryMenuBarHorizontal.css code
@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 auto;
padding: 0;
list-style-type: none;
font-size: small;
cursor: default;
width: 100em;
/* 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: 18px;
position: relative;
text-align: left;
cursor: pointer;
width: 10.8em;
float: left;
visibility: visible;
/* 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: 15em;
/* 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
ul.MenuBarHorizontal ul
border: 0px solid #1A1A1A;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: transparent;
padding: 9px;
color: #FFF;
text-decoration: #1A1A1A;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
/* 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: #0048ff;
color: #EEE;
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-color: #1A1A1A
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-color:#1A1A1A;
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-color:#1A1A1A
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-color: #1A1A1A
background-repeat: no-repeat;
background-position: 85% 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-color: #1A1A1A;See if this post helps :
http://forums.adobe.com/message/1997762#1997762
and this one:
http://forums.adobe.com/message/1898539#1898539
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap -
Spry horizontal menu: submenu background problem in IE7
Hello,
I am using the Spry horizontal menu in this website: http://www.isis-papyrus.com
It works perfectly on all current version browsers, but in IE7 the white submenu background only shows behind the actual text for each link and not to the border of the submenu box.
I modified the css to allow for dynamic sizing for each submenu (see below).
Any suggestions would be greatly appreciated.
Best, Oliver
@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: 10px;
cursor: default;
width: auto;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
/* 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: auto;
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: auto;
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: 100%;
clear:left;
float: none;
background-color: transparent;
color: #fff;
white-space: nowrap;
/* 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: 100%;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #339999;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #fff;
padding: 0.4em 0.8em;
color: #339999;
text-decoration: none;
white-space: nowrap;
/* 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: #fff;
color: #339999;
/* 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: #339999;
color: #fff;
/* 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;Thank you so much for your quick answer Beth!
You solved half my problem!
I added the bg-color to the li and ul styles of the submenus (css below) and now the white background shows correctly in IE7.
The only thing I still would like to resolve: The hover style for the menu items (inverse bg and text colors) only works for the actual text of the link and not for the entire width of the submenu box.
Any suggestions?
Thank you again.
Best, Oliver
@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: 10px;
cursor: default;
width: auto;
font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
/* 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: auto;
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: auto;
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: 100%;
clear:left;
float: none;
background-color: #fff;
color: #fff;
white-space: nowrap;
/* 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: 100%;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #339999;
background-color: #FFF;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: #fff;
padding: 0.4em 0.8em;
color: #339999;
text-decoration: none;
white-space: nowrap;
/* 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: #fff;
color: #339999;
/* 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: #339999;
color: #fff;
/* 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; -
How do you make a transparent spry menu that has a background color on sub menus?
Hi i am a total newbie at html and css scripting/coding and i've been working on creating a website of course because im here and i have search and search and i've found a few topics about this but none of them have what i want and it would be helpful if when you post the reply you explain it so hopefully i can add on and learn but i am trying to get the background color on the sub menus #1A1A1A and then the menu it self transparent here is my code it might make no sense at all since im a newbie ;P
@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 auto;
padding: 0;
list-style-type: none;
font-size: small;
cursor: default;
width: 100em;
/* 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: 18px;
position: relative;
text-align: left;
cursor: pointer;
width: 10.8em;
float: left;
visibility: visible;
/* 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: 15em;
/* 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
ul.MenuBarHorizontal ul
border: 0px solid #1A1A1A;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
background-color: transparent;
padding: 9px;
color: #FFF;
text-decoration: #1A1A1A;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
font-weight: bold;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 18px;
/* 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: #0048ff;
color: #EEE;
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-color:#1A1A1A;
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-color:#1A1A1A
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: 85% 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: #222222;Hi and welcome -
Start with fixing this missing semicolon (in red)
/* 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-color:#1A1A1A;
background-repeat: no-repeat;
background-position: 95% 50%;
You will find you will get faster, more accurate help from us if you upload your test page and any dependent files to your server and post a link here. That way we can examine ALL your code -
Datagrid: Can I set a tranparency level for column background color?
Hi all,
I have a datagrid with background colors set using triggers. This works. I would like to set a column background color but I don't want to make the color solid because it will block the row color. Is there a way to set the column background color transparency
to 50% (or less) so that I can still see (or blend) with the row background color? I can set the "background" property of the column to a value of "transparent" but this makes no sense without a color.
Thanks
<DataGrid.RowStyle>
<Style TargetType="DataGridRow">
<Style.Triggers>
<DataTrigger Binding="{Binding col_oPutorCall}" Value="call">
<Setter Property="Background" Value="Cornsilk"/>
</DataTrigger>
<DataTrigger Binding="{Binding col_oPutorCall}" Value="put">
<Setter Property="Background" Value="BlanchedAlmond"/>
</DataTrigger>
<DataTrigger Binding="{Binding col_rowColor}" Value="false">
<Setter Property="Background" Value="LightGreen"/>
</DataTrigger>
</Style.Triggers>
</Style>
</DataGrid.RowStyle>
<DataGridTextColumn Binding="{Binding col_oBid, StringFormat=F2}" FontFamily="Arial" FontWeight="Bold" FontSize="12" Header="oB" >
<DataGridTextColumn.CellStyle>
<Style TargetType="DataGridCell">
<Setter Property="Background" Value= "Transparent" />
<Setter Property="Background" Value= "AliceBlue" />
</Style>
</DataGridTextColumn.CellStyle>
</DataGridTextColumn>Background is a brush.
You can define a brush with an opacity in a resourcedictionary merged in app.xaml or in your window.resources ( etc ).
<Grid.Resources>
<SolidColorBrush x:Key="TransparentIshBrush" Color="Red" Opacity=".3" />
</Grid.Resources>
I should think you can then do:
<DataGridTextColumn Binding="{Binding col_oBid, StringFormat=F2}" FontFamily="Arial" FontWeight="Bold" FontSize="12" Header="oB" >
<DataGridTextColumn.CellStyle>
<Style TargetType="DataGridCell">
<Setter Property="Background" Value="{StaticResource TransparentIshBrush}" />
</Style>
</DataGridTextColumn.CellStyle>
</DataGridTextColumn>
The problem with your former piece of code is that setting an opacity on a datagridcell gets everything in it. You would have to do
<Setter Property="(BackGround.Opacity)"
And I'm rather doubtful that would work anyhow.
Please don't forget to upvote posts which you like and mark those which answer your question.
My latest Technet article - Dynamic XAML -
Why is the background color not applied in one case?
Hi,
I'm using RH 7 and WebHelp.
I apply a TableHeading style to the first row of my tables. The TableHeading style is supposed to fill the cells of the first row with a background color of blue, and the text is in white. It works fine except for one table. I think TableHeading style was not applied in the Word document when I imported this topic. I tried to apply the TableHeading style to the first row, and it says it is applied in the HTML. But, the background blue does not fill the cells.
Here is what I am trying to achieve:
Here is my problem table:
I can see in the HTML that the background color is not present in the code. Here is the code for the example that is correct:
<p class=TableHeading>Chapter</td>
<td style="border-left: none; border-right: solid #000000 1.0px; border-top: solid #000000 1.0px; border-bottom: solid #000000 1.0px;
width: 279.4pt; padding: 0in 5.4pt 0in 5.4pt; background-color: #003399;"
bgcolor=#003399 width=279.4pt>
<p class=TableHeading>Description</td></tr>
<tr><td style="x-cell-content-align: top; border-left: solid #000000 1.0px; border-right: solid #000000 1.0px; border-top: none;
border-bottom: solid #000000 1.0px; width: 182.85pt; padding: 0in 5.4pt 0in 5.4pt;
padding-left: 0px; padding-top: 0px; padding-right: 0px;
padding-bottom: 0px;" valign=top width=182.9pt>
Here is the code for my problem table:
<p class=TableHeading>Activity</td>
<td style="border-left: none; border-right: solid #000000 1.0px; border-top: solid #000000 1.0px; border-bottom: solid #000000 1.0px;
width: 168.0pt; padding: 0in 5.4pt 0in 5.4pt;" width=168pt>
<p class=TableHeading>Keyboard Shortcut</td></tr>
<tr style="x-cell-content-align: center;" valign=middle>
<td style="width: 374px; x-cell-content-align: top; border-left: solid #000000 1.0px; border-right: solid #000000 1.0px;
border-top: none; border-bottom: solid #000000 1.0px; padding: 0in 5.4pt 0in 5.4pt;
padding-left: 0px; padding-top: 0px; padding-right: 0px;
padding-bottom: 0px;" valign=top width=374px>
Here is the code from the CSS:
p.TableHeading {
background-color: #003399;
punctuation-wrap: simple;
text-autospace: none;
font-size: 10.0pt;
font-weight: bold;
color: #ffffff;
font-family: Verdana, sans-serif;
margin-left: 3pt;
margin-right: 3.0pt;
line-height: 120%;
margin-top: 0pt;
margin-bottom: 0pt;
LI.p-TableHeading {
punctuation-wrap: simple;
text-autospace: none;
font-size: 10.0pt;
font-weight: bold;
color: #ffffff;
font-family: Verdana, sans-serif;
line-height: 120%;
Any suggestions?
Thanks,
Julie
I don't understand why the TableHeading style is not applying the background color for the one table. I'm guessing I could just add it to the code using the HTML editor. However, I wasn't sure if that was the best way to fix this problem or if I would create another problem.Hi Willam,
Thanks for your answer, and I will go ahead and add the background color to the problem table.
However, I am still puzzled as to why the background color is applied to the cells in the other tables and not the problem table. I'm not sure what I did to cause the problem - how I applied the TableHeading to the table cell in one case and not the other. Any ideas how I can avoid this problem?
I will not use the Word documents going forward and will only make changes with the RH editor.
Thanks again,
Julie -
I need to have a clear (tranparent) background so that the background image shows through. Everything I read says the default background color is transparent (which I thought). All is fine on IE and Firefox. However, on Safari the background is white. Adding background-color: transparent; does not help either, it stays white. Any help would be greatly appreciated.
test link: www.weblinkstudio.com/tj/Hi Toby
Welcome to Apple Discussions
Open System Preferences via the Apple Menu in the upper left corner of your screen. Go to "Universal Access">Seeing. There, change the display setting from "black on white" to "white on black". This affects all applications and panels. There, you can also "increase the contrast" to suit your viewing requirements. -
JTextComponent - setEditable background color
I have a subclass of JTextField. I am doing manipulations of the background color (red when validation failed). When the program sets the text field to be not editable I want the default disabled background color (transparent?) to be displayed.
However, in some cases I am getting a background of white when it is disabled.
What is setEditable doing to change the background from white to grey? If I have the background color set to RED how do I change it so that grey will be shown?
Thanks,
JohnI am trying to understand what setEditable does WRT the background color / transpanency. In the below code, when you press the button the first time, the background of the textfield becomes grey. If you press it again it becomes white. Is this because setEditable doesn't do anything if the field is already editable?
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.SwingUtilities;
public class BackgroundTester extends JFrame {
private static final long serialVersionUID = 1L;
private JPanel jContentPane = null;
private JPanel jPanel = null;
private JTextField jTextField = null;
private JButton jButton = null;
private Color origBackColor = null;
* This method initializes jPanel
* @return javax.swing.JPanel
private JPanel getJPanel() {
if (jPanel == null) {
GridBagConstraints gridBagConstraints2 = new GridBagConstraints();
gridBagConstraints2.gridx = 0;
gridBagConstraints2.gridy = 2;
GridBagConstraints gridBagConstraints1 = new GridBagConstraints();
gridBagConstraints1.fill = GridBagConstraints.VERTICAL;
gridBagConstraints1.gridy = 1;
gridBagConstraints1.weightx = 1.0;
gridBagConstraints1.gridx = 0;
jPanel = new JPanel();
jPanel.setLayout(new GridBagLayout());
jPanel.add(getJTextField(), gridBagConstraints1);
jPanel.add(getJButton(), gridBagConstraints2);
return jPanel;
* This method initializes jTextField
* @return javax.swing.JTextField
private JTextField getJTextField() {
if (jTextField == null) {
jTextField = new JTextField();
jTextField.setColumns(10);
return jTextField;
* This method initializes jButton
* @return javax.swing.JButton
private JButton getJButton() {
if (jButton == null) {
jButton = new JButton();
jButton.setText("Set Disabled");
jButton.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent e) {
jTextField.setBackground(origBackColor);
jTextField.setEditable(false);
return jButton;
* @param args
public static void main(String[] args) {
// TODO Auto-generated method stub
SwingUtilities.invokeLater(new Runnable() {
public void run() {
BackgroundTester thisClass = new BackgroundTester();
thisClass.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
thisClass.setVisible(true);
* This is the default constructor
public BackgroundTester() {
super();
initialize();
origBackColor = jTextField.getBackground();
jTextField.setBackground(Color.RED);
* This method initializes this
* @return void
private void initialize() {
this.setSize(300, 200);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
this.setContentPane(getJContentPane());
this.setTitle("JFrame");
* This method initializes jContentPane
* @return javax.swing.JPanel
private JPanel getJContentPane() {
if (jContentPane == null) {
jContentPane = new JPanel();
jContentPane.setLayout(new BorderLayout());
jContentPane.add(getJPanel(), BorderLayout.CENTER);
return jContentPane;
} -
Background color of a list item implemented as Tlist
Hi,
I have one form with 3 blocks each holding one list item. The list item that has the focus should have a different background color from the other 2 list items. I thought to implement this with visual attributes I assign in the when-new-block-instance trigger. This however only partially works.
What happens is the following :
At startup focus is in the first block. This block's when-new-block-instance trigger is fired :
SET_ITEM_PROPERTY('BK_LIST.LIST',VISUAL_ATTRIBUTE ,'VA_INDICATOR');
SET_ITEM_PROPERTY('BK_LIST2.LIST',VISUAL_ATTRIBUTE ,'VA_ENABLED_LIST');
SET_ITEM_PROPERTY('BK_LIST3.LIST',VISUAL_ATTRIBUTE ,'VA_ENABLED_LIST2');
and the list correctly gets it's yellow background. (defined in va_indicator)
Va_enabled_list and va_enabled_list2 both have a white background, difference between them is the font size)
Now when we move focus to the 2nd block we get a different behaviour. This is the trigger defined on the 2nd block :
SET_ITEM_PROPERTY('BK_LIST.LIST',VISUAL_ATTRIBUTE ,'VA_ENABLED_LIST');
SET_ITEM_PROPERTY('BK_LIST2.LIST',VISUAL_ATTRIBUTE ,'VA_INDICATOR');
SET_ITEM_PROPERTY('BK_LIST3.LIST',VISUAL_ATTRIBUTE ,'VA_ENABLED_LIST2');
So I except the first block to get a white background again and the second block to get it's yellow background. However only the selected row in the tlist changes it's background color. (this in both blocks)
I do not understand why the first time (at form startup) the background color is set for the whole item and the second time only for the selected record.
I tried to use the property background_color but the colors are different from what I see in my color palette in that case. If I use the same color codes I also use in my visual_attributes the final result on the screen is different...
Secondly the result is the same, at form startup the item's background is set, as from the second call only the current salected record in the tlist will change from background color.
Forms are running C/S and are developed in Forms 6i. One way to get the result I need is by navigating back & forward to my application in Windows using Alt-Tab. At that moment the correct background colors are suddenly applied... Is there a way to force a similar sort of screen refresh ?
Thanks for any hints, workarounds, tips or solutions !
Kris
Message was edited by:
[email protected]Hi,
I still don't have a clue how I could solve this one.
It works leaving the block (so making it white again) but it does not work entering the block. (giving the list item another background color). The problem is not about the whithe color. If I do my tests with other colors (red-yellow) the problem remains.
Best Regards,
Kris -
Spry Menubar background color help?
How does one go about making the background color of your submenus different from the main menu bar?
Here's a site I have found with basically the submenu I want, notice the submenus have a background color and the menubar has a background image.
http://thecreatureconservancy.org/
(I am running CS5.5)
Thank you!Have a look at the following where I have used an untouched SpryMenuBarHorizontal.css
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="http://labs.adobe.com/technologies/spry/widgets/menubar/SpryMenuBarHorizontal.css" rel="stylesheet">
</head>
<style>
body {
width: 980px;
margin: auto;
#header {
height: 200px;
#nav { /* USE YOUR OWN BACKGROUND IMAGE */
background-image: url(http://www.copperleafcrossing.com/thecreatureconservancy/images/topnav_bkgd.jpg);
height: 35px;
ul.MenuBarHorizontal a {
color: #FFF;
background-color: transparent;
ul.MenuBarHorizontal ul a {
background-color: #436D9C;
ul.MenuBarHorizontal li.MenuBarItemIE {
background: transparent;
</style>
<body>
<div id="header"></div>
<div id="nav">
<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>
<script src="http://labs.adobe.com/technologies/spry/includes_minified/SpryMenuBar.js"></script>
<script>
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Gramps
Maybe you are looking for
-
SCEP - Using a variable in the Subject field
Hi Has anyone out there successfully installed a SCEP certificate on an iOS device using a unique identifier of some sort in the subject field? We are using iPhone configuration utility but ultimately want to use Apple configurator. We can install th
-
I kept a journal and my running bank account balance on the iphone. I am really at a loss without these. The journal was also my baby's eat/sleep/etc. log. Please help!!
-
Converting PAL to NTSC and making a DVD
I have a couple of .avi files, some are in PAL and others in NTSC, I wanna make a DVD in NTSC mode, How can I convert the files?
-
How do I add mailbox folder in ipad?
Whenever get new mail and want to save it folder. When I go to mailbox and saw "add mailbox" so I clicked it and have no way for me type new mailbox
-
How to reduce re-rendering clips in Premiere Elements 12
Each time I restart a Project in Premiere Elements 12 the timeline indicates that I need to re-render the clips. Is there away to avoid excess rendering? Thanks.