Background color shows through table color in firefox

Hello,
I am new to Dreamweaver and i am using CS3 and doing the cafe
townsend tutorial. I make the background color balck and the table
color a brick red, but in firefox the background color is showing
through the table color, but in safari it shows up okay. can anyone
help? i am on a mac.
code below
<!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" />
<title>Café Townsend</title>
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
var isIE = (appVersion.indexOf("MSIE") != -1 &&
userAgent.indexOf("Opera") == -1);
var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
if (!isIE || !isWin){
var flashVer = -1;
if (plugins && plugins.length > 0){
var desc = plugins["Shockwave Flash"] ? plugins["Shockwave
Flash"].description : "";
desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave
Flash 2.0"].description : desc;
if (desc == "") flashVer = -1;
else{
var descArr = desc.split(" ");
var tempArrMajor = descArr[2].split(".");
var verMajor = tempArrMajor[0];
var tempArrMinor = (descArr[3] != "") ?
descArr[3].split("r") : descArr[4].split("r");
var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] :
0;
flashVer = parseFloat(verMajor + "." + verMinor);
// WebTV has Flash Player 4 or lower -- too low for video
else if (userAgent.toLowerCase().indexOf("webtv") != -1)
flashVer = 4.0;
var verArr = reqVerStr.split(",");
var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
if (flashVer < reqVer){
if (confirm(msg))
window.location = "
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
</script>
</head>
<body onload="MM_CheckFlashVersion('9,0,28,0','Content on
this page requires a newer version of Adobe Flash Player. Do you
want to download it now?');">
<table width="700" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="90"><img
src="images/banner_graphic.jpg" alt="" name="banner_graphic"
width="700" height="92" id="banner_graphic"
style="background-color: #993300" /></td>
</tr>
<tr>
<td height="166" align="center"
valign="middle"><script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','700','height','150','src','flash_fma','quality','high','pluginspage','http://www.adob e.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash_fma'
); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="700" height="150">
<param name="movie" value="flash_fma.swf" />
<param name="quality" value="high" />
<embed src="flash_fma.swf" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" width="700"
height="150"></embed>
</object></noscript></td>
</tr>
<tr>
<td height="24"><img
src="images/body_main_header.gif" width="700" height="25"
/></td>
</tr>
</table>
<table width="700" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="140" bgcolor="993300"> </td>
<td width="230" align="center" valign="top"
bgcolor="F7EEDF"><p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','widt h','202','height','186','id','FLVPlayer','src','FLVPlayer_Progressive','flashvars','&MM_Co mponentVersion=1&skinName=Halo_Skin_2&streamName=cafe_townsend_home&autoPlay=false&autoRew ind=false','quality','high','scale','noscale','name','FLVPlayer','salign','lt','pluginspag e','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash',' movie','FLVPlayer_Progressive'
); //end AC code
</script><noscript><object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="202" height="186" id="FLVPlayer">
<param name="movie" value="FLVPlayer_Progressive.swf"
/>
<param name="salign" value="lt" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="FlashVars"
value="&MM_ComponentVersion=1&skinName=Halo_Skin_2&streamName=cafe_townsend_home&autoPlay =false&autoRewind=false"
/>
<embed src="FLVPlayer_Progressive.swf"
flashvars="&MM_ComponentVersion=1&skinName=Halo_Skin_2&streamName=cafe_townsend_home&auto Play=false&autoRewind=false"
quality="high" scale="noscale" width="202" height="186"
name="FLVPlayer" salign="LT" type="application/x-shockwave-flash"
pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
/>
</object></noscript>
</p>
<p><img
src="completed_files/images/street_sign.jpg" width="202"
height="136" /></p></td>
<td width="330" bgcolor="F7EEDF"> </td>
</tr>
</table>
<table width="700" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td height="24"><img
src="images/body_main_footer.gif" width="700" height="25"
/></td>
</tr>
</table>
</body>
</html>

On a quick look, I think it's a css specifity problem.
If you take the background color style out of the table and
create a style in the head of the doc
(like you did for the body), the color does show up.
You need to give the outer table an ID and create the
following style and add it just below the body
style
.maintable { background-color: #993300; }
So the top of your document looks like this:
<style type="text/css">

</style>
This is what the outertable line should look like:
<table id="maintable" width="700" border="0"
cellspacing="0" cellpadding="0">
PS: There also appears to be a syntax error with the flash
script, which may cause some issues, but
I can't help you with that sorry :-)
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference (aff link) |
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap
"grafix89" <[email protected]> wrote in
message
news:[email protected]...
> Hello,
>
> I am new to Dreamweaver and i am using CS3 and doing the
cafe townsend
> tutorial. I make the background color balck and the
table color a brick red,
> but in firefox the background color is showing through
the table color, but in
> safari it shows up okay. can anyone help? i am on a mac.
>
> code below
>
> <!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" />
> <title>Caf? Townsend</title>
> <style type="text/css">
> 
> </style>
> <script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
> <script type="text/javascript">
> function MM_CheckFlashVersion(reqVerStr,msg){
> with(navigator){
> var isIE = (appVersion.indexOf("MSIE") != -1 &&
> userAgent.indexOf("Opera") == -1);
> var isWin = (appVersion.toLowerCase().indexOf("win") !=
-1);
> if (!isIE || !isWin){
> var flashVer = -1;
> if (plugins && plugins.length > 0){
> var desc = plugins["Shockwave Flash"] ?
plugins["Shockwave
> Flash"].description : "";
> desc = plugins["Shockwave Flash 2.0"] ?
plugins["Shockwave Flash
> 2.0"].description : desc;
> if (desc == "") flashVer = -1;
> else{
> var descArr = desc.split(" ");
> var tempArrMajor = descArr[2].split(".");
> var verMajor = tempArrMajor[0];
> var tempArrMinor = (descArr[3] != "") ?
descArr[3].split("r") :
> descArr[4].split("r");
> var verMinor = (tempArrMinor[1] > 0) ?
tempArrMinor[1] : 0;
> flashVer = parseFloat(verMajor + "." + verMinor);
> }
> }
> // WebTV has Flash Player 4 or lower -- too low for
video
> else if (userAgent.toLowerCase().indexOf("webtv") != -1)
flashVer = 4.0;
>
> var verArr = reqVerStr.split(",");
> var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
>
> if (flashVer < reqVer){
> if (confirm(msg))
> window.location =
> "
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveF
> lash";
> }
> }
> }
> }
> </script>
> </head>
>
> <body
onload="MM_CheckFlashVersion('9,0,28,0','Content on this page
requires a
> newer version of Adobe Flash Player. Do you want to
download it now?');">
> <table width="700" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td height="90"><img
src="images/banner_graphic.jpg" alt=""
> name="banner_graphic" width="700" height="92"
id="banner_graphic"
> style="background-color: #993300" /></td>
> </tr>
> <tr>
> <td height="166" align="center"
valign="middle"><script
> type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=9,0,28,0','width','700','height','150','src','flash_fma','quality','high
> ','pluginspage','
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Ve
> rsion=ShockwaveFlash','movie','flash_fma' ); //end AC
code
> </script><noscript><object
> classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=9,0,28,0" width="700" height="150">
> <param name="movie" value="flash_fma.swf" />
> <param name="quality" value="high" />
> <embed src="flash_fma.swf" quality="high"
> pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Versio
> n=ShockwaveFlash" type="application/x-shockwave-flash"
width="700"
> height="150"></embed>
> </object></noscript></td>
> </tr>
> <tr>
> <td height="24"><img
src="images/body_main_header.gif" width="700"
> height="25" /></td>
> </tr>
> </table>
> <table width="700" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td width="140"
bgcolor="993300"> </td>
> <td width="230" align="center" valign="top"
bgcolor="F7EEDF"><p>
> <script type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=7,0,0,0','width','202','height','186','id','FLVPlayer','src','FLVPlayer_
>
Progressive','flashvars','&MM_ComponentVersion=1&skinName=Halo_Skin_2&streamName
>
=cafe_townsend_home&autoPlay=false&autoRewind=false','quality','high','scale','n
> oscale','name','FLVPlayer','salign','lt','pluginspage','
http://www.adobe.com/sho
>
ckwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','FLVPlayer_
> Progressive' ); //end AC code
> </script><noscript><object
> classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=7,0,0,0" width="202" height="186"
id="FLVPlayer">
> <param name="movie" value="FLVPlayer_Progressive.swf"
/>
> <param name="salign" value="lt" />
> <param name="quality" value="high" />
> <param name="scale" value="noscale" />
> <param name="FlashVars"
>
value="&MM_ComponentVersion=1&skinName=Halo_Skin_2&streamName=cafe_townsend_home
> &autoPlay=false&autoRewind=false" />
> <embed src="FLVPlayer_Progressive.swf"
>
flashvars="&MM_ComponentVersion=1&skinName=Halo_Skin_2&streamName=cafe_townsend_
> home&autoPlay=false&autoRewind=false"
quality="high" scale="noscale"
> width="202" height="186" name="FLVPlayer" salign="LT"
> type="application/x-shockwave-flash"
> pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Versio
> n=ShockwaveFlash" />
> </object></noscript>
> </p>
> <p><img
src="completed_files/images/street_sign.jpg" width="202"
> height="136" /></p></td>
> <td width="330"
bgcolor="F7EEDF"> </td>
> </tr>
> </table>
> <table width="700" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td height="24"><img
src="images/body_main_footer.gif" width="700"
> height="25" /></td>
> </tr>
> </table>
> </body>
> </html>
>
>

Similar Messages

No mean to obtain a correct background color under Firefox

On my web site (www.tregor.fr), I set a color #FFFFEE for the
body background.
Then I have a div tag (boite-niveau2) that contains the left
menu and the text of the page; the background color is white
(#FFFFFF) for boite-niveau2.
Under IE, the background is always white for boite-niveau2 ;
no problem.
But under Firefox, you can see that under the left menu, the
color is the body background color (#FFFFEE) and not the
boite-niveau2 background color (#FFFFFF.) as it should be. Is this
a bug of Firefox or is there a mean to fix the pb?
Thanks a lot for your help.

Unlike table cells which get their height from the height of
the tallest
cell in the row, in case of divs the height depends only on
its content and
is not affected by height of other divs floated next to it.
Your menu div
extends only to the height required and ends there. Below
that there's
nothing and hence the background color of the background
shows.
Google faux columns .. or .. equal height columns to get a
solution for
this.
You cannot lose until you give up !!!
"Annie Benech" <[email protected]> wrote in
message
news:f0591o$nm8$[email protected]..
> On my web site (www.tregor.fr), I set a color #FFFFEE
for the body
> background.
> Then I have a div tag (boite-niveau2) that contains the
left menu and the
> text
> of the page; the background color is white (#FFFFFF) for
boite-niveau2.
> Under IE, the background is always white for
boite-niveau2 ; no problem.
> But under Firefox, you can see that under the left menu,
the color is the
> body
> background color (#FFFFEE) and not the boite-niveau2
background color
> (#FFFFFF.) as it should be. Is this a bug of Firefox or
is there a mean to
> fix
> the pb?
>
> Thanks a lot for your help.
>
>

Cell Background Color in Firefox

I can't seem to get the background color for a cell to work
in FireFox. It works okay in IE. But doesn't show up in FireFox.
http://www.tusker.com/3tuskerTrips_KilimanjaroClimb_Routes_10.cfm
Here's the page. The problem I'm having is with the bar of link
towards the top of the page with the yellowish background. It's
actually an image inside the cell and I'm trying to get the cell
background to match the image color.

Any help on this?

How do I change the tab background color in Firefox 4?

I just upgraded to Firefox 4. Tabs are now fine black font on dark grey background -- very hard to read. How do I change the tab background color?
I have searched and the closest I can come is some instructions for modifying .css files, and it is not clear that those instructions will impact the tab background color.
Thanks in advance for your help.

Similar question asked by TH received another response.
Here is the address of that question and answer:
https://support.mozilla.com/en-US/questions/804464?s=change+tab+color+firefox+4&as=s
I like the solution recommended there.
Added information - after several days experience, I notice that some tabs occasionally revert to the original dark grey. So I am still looking for a better solution, ideally within Firefox rather than via add on. This seems like a basic setting for the browser that should be easy to change, rather than something so complex that I need an add on to change it. Or just build it without such a dark grey background to begin with and I would not need to change it.

Background color on Safari

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.

Layer Background color not support on AP Element

Hi I am new to dreamweaver. I just started learning how to
use it, and I can't figure out why when I am validating the
browser, I kept on getting a message that the layer background
color is not supported in the AP element. I looked at my code and
it seems fine. All I did was just insert the AP layer and I change
the background color. Is there something I am doing wrong?

Thank you. That's telling you that layer-background-color is
NOT supported
in those browsers (in fact, it's invalid HTML, being
supported only in IE5
and earlier). You should use CSS to specify colors, not the
Property
inspector, and you will avoid such traps. In fact, in CS3,
when you use the
Property inspector, the proper CSS is written in the
stylesheet for you.
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
==================
"moonstar2005" <[email protected]> wrote in
message
news:ff315r$rvv$[email protected]..
> HI Murray,
>
> My code in the AP element:
>
> Layer-background-color: #ccccc
>
> The message I got when I compare the browser
compatibility is:
>
> "Unsupported property: layer-background-color
>
> Affects: firefox 1.5; internet explore 6.0, 7.0;
internet explore for mac
> 5.2,
> netscape 8.0; opera 8.0, 9.0 safari 2.0 "
>
>

Show through the image ?

Hi,
I have a GIF image and I draw it using drawimage API on a JPanel using its Graphics object passed to painComponent(). The problem is that I downloaded the image from web and there are white areas (white background) surrounding this image which I want to get rid of i.e. the existing background should show through those areas instead. Any ideas ? I don't want to edit the image to match its background with the existing background since that will be a hack which will break if I change the original background.
_ Thanks

If you have some kind of a image editing application, you should edit your gif file and set the transparency color. I personally use microsoft photo editor to do that.

Background color not showing up in Firefox

I think I am having a CSS problem, but I am not sure. If you
look at this
link
in Firefow you will see that the background color is not showing
up. I put the background color in that table in the HTML as well as
the CSS, but am not getting any love! On another page I did it is
working fine. Click
here and you
will see it working fine.
Is there some small detail that I missed? Any help is greatly
appreciated!!

In fact a whole heap of files are pointing to your hard
drive...
Jo
"Josie1one" <joleros[nospam]@yahoo.com> wrote in
message
news:e35c9r$4ln$[email protected]..
> On the one not working, the file is pointing to your
hard drive:
> <link href="file:///C|/Documents and Settings/nick/My
Documents/Work
> Files/Clients/RKFA/style.css"
> Jo
>
> "Cloudbrk" <[email protected]> wrote in
message
> news:e35btk$41c$[email protected]..
>>I think I am having a CSS problem, but I am not sure.
If you look at this
>>
http://rebeccakoury.com/spiralstapestries/scrollearthtones.htm
in Firefow
>> you
>> will see that the background color is not showing
up. I put the
>> background
>> color in that table in the HTML as well as the CSS,
but am not getting
>> any
>> love! On another page I did it is working fine.
Click
>>
http://rebeccakoury.com/spiraltapestry.htm
and you will see it working
>> fine.
>>
>> Is there some small detail that I missed? Any help
is greatly
>> appreciated!!
>>
>
>

Blocks/lines of background color show through embedded SWF

When I place a swf object in Muse, I've found that blocks and lines of the background color will appear and disappear around the edges of animated elements. I've confirmed this is not an issue with the SWF as they play normally if embedded using dreamweaver or exported with an html wrapper from flash. It would be greatly appreciated if anyone knows how to fix this, as I have a much easier time arranging page elements in Muse instead of Dreamweaver.
Thanks,
Chris

When I place a swf object in Muse, I've found that blocks and lines of the background color will appear and disappear around the edges of animated elements. I've confirmed this is not an issue with the SWF as they play normally if embedded using dreamweaver or exported with an html wrapper from flash. It would be greatly appreciated if anyone knows how to fix this, as I have a much easier time arranging page elements in Muse instead of Dreamweaver.
Thanks,
Chris

Spry Bug? Background Colors/Images not showing in IE6/XpP

I'm trying to wrap up my site for MiniMAX SE7EN (Cheap plug,
it's on 6/26 in DC) and I've got a Spry Accordion Component I used
in Dreamweaver CS3 to display all the speakers and then I switched
the CSS file to allow for different colors and a background image
to show through. Seems fine in Firefox and IE7 but in IE6 for PC's,
it appears black and only black. Is this a Spry bug or something I
screwed up with regarding the CSS?
http://www.minimaxconference.com/

I am having the same problems in IE7. I'm using the latest
version of everything (Spry 1.6.1 and javascript file version 0.12)
and at first I was having the problem on my drop down menus
appearing horizontal with all the correct styles but when I changed
the rule ul.MenuBarHorizontal ul to position: relative; the drop
downs appear vertical now but I have no beige border around the
whole ul anymore and I'm getting white space inbetween list items.
http://www.wusf.usf.edu/Header_Nav_Footer_newStyleSheet.cfm
so if anyone has any advice I'd much appreciate it. Also i'm
using 1px width on my borders no decimals.

Problem with cfdocument and background colors with table borders

i am having a great deal of difficulty with cfdocument
rendering my tables with cells that have background colors. the
background colors seem to bleed through the table border. a picture
at 100% magnification can be seen at
http://www.vitad.com/cfdoc.jpg
and at 1600% magnification at:
http://www.vitad.com/cfdoc2.jpg.
i am attaching sample code of the what generated the pdf in the
pictures. btw, i am running cfmx 7 with hot fix 2.

Hi fresher4flex,
Since you are using the item Renderer for the DataGrid Column try to apply the styles dynamically to the background of your itemRenderer by making using of the rollOver and rollOut events.
Thanks,
Bhasker

Cell background colors are not showing in preview - help? - DW4

Hi,
I created a horizontal table for my menu bar, and gave each cell a different color by creating a separate class for each with background image - image is a block of color created in Photoshop. In design mode they look they way I want, but in preview (Safari) the colors don't show up at all - the whole area is gray, and all I see is the text for each cell. Can someone tell me what I'm doing wrong? Alternatively, is there a better way I can set this up to have different colors for each button?
Thank you!

Here is the HTML code, and the CSS code for the menu bar follows:
     ul.MenuBarHorizontal
></style><style type="text/css"><!body {     background-color: #FFF;     font-family: Arial, Helvetica, sans-serif;}-->
    h1.
     ul.MenuBarVertical
[about | MS_about.html]
[fiction | MS_fiction.html]
[dramatic work | MS_dramaticwork.html]
[arts | MS_arts.html]
[contact | MS_contact.html]
[blog | MS_blog.html]
</div></html>
CSS CODE:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* The outermost container of the Menu Bar, an auto width box with no margin or padding /ul.MenuBarHorizontal/ 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;     font-family: Arial, Helvetica, sans-serif;     font-size: medium;     color: #FFF;     background-color: #FFCC99;     background-repeat: no-repeat;     left: auto;     top: auto;     right: auto;     bottom: auto;}/ Menu item containers, position children relative to this container and are a fixed width /ul.MenuBarHorizontal li/ 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/ 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/ Menu item containers are same fixed width as parent /ul.MenuBarHorizontal ul li/ Submenus should appear slightly overlapping to the right (95%) and up (-5%) /ul.MenuBarHorizontal ul ul/ 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
/* Submenu containers have borders on all sides /ul.MenuBarHorizontal ul/ Menu items are a light gray block with padding and no text decoration /ul.MenuBarHorizontal a/ 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: #6C9;     color: #999;     font-family: Arial, Helvetica, sans-serif;     font-size: medium;     font-style: normal;     line-height: normal;     font-weight: normal;     font-variant: normal;     text-decoration: none;     text-align: center;     vertical-align: middle;     height: 50px;     width: 115px;}/ 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: #FFCC99;     color: #FFF;     font-family: Arial, Helvetica, sans-serif;     text-decoration: none;     font-size: medium;}
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%;     text-align: center;}/ 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/ 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;
Date: Mon, 20 Jun 2011 15:30:46 -0600
From: [email protected]
To: [email protected]
Subject: Re: cell background colors are not showing in preview - help? - DW4
NEED to see the code.
Otherwise it's like dialing a random phone number, and asking whoever answers, where you left your keys.
>

Table cell background color in PDF

I have a requirement to generate a PDF from a stoplight report.
The stoplight report colors were implemented by setting the background color in table cells
via css (background-color: red;). Its working in the browser but when I generate a pdf the cells show up with grey backgrounds. How can I generate a pdf with the correct colors?
Thanks for your help.
I'm using Apex 3.1 and pdf generation functionality that comes with Apex. I don't have BI Publisher.

Hi David.
At this time you don't get WYSIWYG reports in PDF.
You're limited to the Column Colour settings you can specify in the Print Attributes of the report region but these would apply to all columns in the report and would not be dynamic.
This may be something that is addressed in a future version of APEX.
If anyone else knows different, feel free to chip in.
Regards
Simon

Background Color on Application tag not showing...

I just recently upgraded to the nightly build version # 4.0.0.10045 and the backgroundColor property on the main application tag is no longer rendering the background color. I noticed a new ApplicationSkin.mxml in the spark skins with the following:

    <s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0" >
        <s:fill>
            <s:SolidColor color="{getStyle('backgroundColor')}" />
        </s:fill>
    </s:Rect>
However adding a backgroundColor property to the Application tag or in the CSS has not given any results.

Ok it turns out it is not the application tag causing problems, but the halo VBoxes, HBoxes and Viewstacks. It seems I can no longer apply background colors to them at all.
Here's an example:
<mx:VBox id="footerVBox" horizontalAlign="center" verticalGap="-5" paddingBottom="5" paddingTop="0" backgroundColor="0xFF0000" width="600">
     <mx:HBox horizontalGap="1" verticalAlign="middle">
          <mx:Label text="{copyrightSymbol} 2009 SearchIgnite" fontSize="12" color="#003366" />
          <mx:VRule height="12" strokeColor="#003366"/>
          <mx:Label text="{'Version ' + version}" fontSize="12" color="#003366"/>
          <mx:VRule height="12" strokeColor="#003366"/>
          <mx:Label text="Customer Service 888-744-6483" fontSize="12" color="#003366" />
     </mx:HBox>
</mx:VBox>
Is rendering with a white background behind it, obsucring the background color of my application. The backgroundColor style property is not getting applied at all.
Upon rewriting this group as:
<s:Group id="footerVBox" width="100%">
     <s:layout>
          <s:VerticalLayout horizontalAlign="center" paddingBottom="5" paddingTop="5" />
     </s:layout>
     <s:Group>
          <s:layout>
               <s:HorizontalLayout verticalAlign="middle" />
          </s:layout>
         <s:Label text="{copyrightSymbol} 2009 SearchIgnite" fontSize="12" color="#003366" />
         <mx:VRule height="12" strokeColor="#003366"/>
         <s:Label text="{'Version ' + version}" fontSize="12" color="#003366"/>
         <mx:VRule height="12" strokeColor="#003366"/>
         <s:Label text="Customer Service 888-744-6483" fontSize="12" color="#003366" />
</s:Group>
</s:Group>
I am able to get the background color of the app to show through. Again I am using build version 4.0.0.10045 and this was not an issue in the previous builds.

My screen background color is off-white & this color comes through on the print page. Page Setup/Print Background is set off. How do I fix this? Problem first popped up with version 6, still there with version 8.0.1

File/Page Setup/Format & Options/Options/Print Background (colors & images): Check box set off.
This setting does not work as my screen background color still comes through on the print preview & the print page.
Is this because the newer Firefox versions have blocked my graphics driver version?

See [https://bugzilla.mozilla.org/show_bug.cgi?id=683139 Bug 683139] – Using the 'High Contrast Black' 'Accessibility Option' in Win XP results in the screen colours being printed.
<i>(please do not comment in bug reports)</i>

Background color shows through table color in firefox

Similar Messages

Maybe you are looking for