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

Similar Messages

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>
>
>

CS3 Background Color Bleeds Through, why?

I've searched the forum and haven't found an answer. I know
this maybe an amateur question but I just can't seem to figure out
a solution.
Disclaimer: I'm new to CSS at what I know about div tag I
learned from an online tutorial.
When I insert the div tag and specify an infinite background,
the background bleeds through eh boxes that hold my text.
I select the entire page in DW and
insert a a div tag;
-wrap around selection
-ID : layout
-New CSS Style
Background;I set the back ground color by sampling the color
that I brought in with my sliced image from PS.
Box; width 100% height 100%. Margin: same for all; auto.
and this is the result:
romapielarska.com
here is the code
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<style type="text/css">

</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"
marginwidth="0" marginheight="0">

<div id="layout">
<div id="layout">
<div>
<table id="Table_01" width="1276" height="916" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td rowspan="6">
<img src="images/index_01.gif" width="136" height="916"
alt=""></td>
<td colspan="9">
<img src="images/index_02.gif" width="1004" height="101"
alt=""></td>
<td rowspan="6">
<img src="images/index_03.gif" width="136" height="916"
alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/index_04.jpg" width="1004" height="640"
alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/index_05.gif" width="1004" height="61"
alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/index_06.gif" width="162" height="31"
alt=""></td>
<td><div
align="center">PORTRAITS</div></td>
<td rowspan="2">
<img src="images/index_08.gif" width="54" height="31"
alt=""></td>
<td>EVENTS</td>
<td rowspan="2">
<img src="images/index_10.gif" width="50" height="31"
alt=""></td>
<td><div align="center">PEOPLE &
PALCES</div></td>
<td rowspan="2">
<img src="images/index_12.gif" width="52" height="31"
alt=""></td>
<td><div align="center">CONTACT THE
STUDIO</div></td>
<td rowspan="2">
<img src="images/index_14.gif" width="174" height="31"
alt=""></td>
</tr>
<tr>
<td>
<img src="images/index_15.gif" width="101" height="12"
alt=""></td>
<td>
<img src="images/index_16.gif" width="69" height="12"
alt=""></td>
<td>
<img src="images/index_17.gif" width="170" height="12"
alt=""></td>
<td>
<img src="images/index_18.gif" width="172" height="12"
alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/index_19.gif" width="1004" height="83"
alt=""></td>
</tr>
</table>
</div>
</div>
</div>

</body>
</html>

body,td,th {
font-family: Florencesans Exp;
font-size: 12px;
color: #CCCCCC;
Be aware that this font is definitely NOT websafe. Most
people will see
Times/Times New Roman in its place. Your safe choices are -
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
<div id="layout">
<div id="layout">
<div>
Be aware that you cannot use a given ID more than once on any
page. As a
result, this markup is invalid. Any what is the reason for
the three nested
divs anyhow?
Your page layout -
<div id="layout">
<div id="layout">
<div>
<table id="Table_01" width="1276" height="916" border="0"
cellpadding="0" cellspacing="0">
is functionally identical to using just this -
<table id="Table_01" width="1276" height="916" border="0"
cellpadding="0" cellspacing="0">
Why use the divs at all?
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
==================
"Roma Pie" <[email protected]> wrote in
message
news:[email protected]...
> I've searched the forum and haven't found an answer. I
know this maybe an
> amateur question but I just can't seem to figure out a
solution.
>
> Disclaimer: I'm new to CSS at what I know about div tag
I learned from an
> online tutorial.
>
> When I insert the div tag and specify an infinite
background, the
> background
> bleeds through eh boxes that hold my text.
>
> I select the entire page in DW and
> insert a a div tag;
> -wrap around selection
> -ID : layout
> -New CSS Style
> Background;I set the back ground color by sampling the
color that I
> brought in
> with my sliced image from PS.
> Box; width 100% height 100%. Margin: same for all; auto.
>
> and this is the result:
>
> romapielarska.com
>
> here is the code
>
> <html>
> <head>
> <title>test</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
> <style type="text/css">
> 
> </style>
> </head>
> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0"
marginwidth="0"
> marginheight="0">
> 
> <div id="layout">
> <div id="layout">
> <div>
> <table id="Table_01" width="1276" height="916"
border="0"
> cellpadding="0" cellspacing="0">
> <tr>
> <td rowspan="6">
> <img src="images/index_01.gif" width="136"
height="916"
> alt=""></td>
> <td colspan="9">
> <img src="images/index_02.gif" width="1004"
height="101"
> alt=""></td>
> <td rowspan="6">
> <img src="images/index_03.gif" width="136"
height="916"
> alt=""></td>
> </tr>
> <tr>
> <td colspan="9">
> <img src="images/index_04.jpg" width="1004"
height="640"
> alt=""></td>
> </tr>
> <tr>
> <td colspan="9">
> <img src="images/index_05.gif" width="1004"
height="61"
> alt=""></td>
> </tr>
> <tr>
> <td rowspan="2">
> <img src="images/index_06.gif" width="162"
height="31"
> alt=""></td>
> <td><div
align="center">PORTRAITS</div></td>
> <td rowspan="2">
> <img src="images/index_08.gif" width="54" height="31"
> alt=""></td>
> <td>EVENTS</td>
> <td rowspan="2">
> <img src="images/index_10.gif" width="50" height="31"
> alt=""></td>
> <td><div align="center">PEOPLE &
PALCES</div></td>
> <td rowspan="2">
> <img src="images/index_12.gif" width="52" height="31"
> alt=""></td>
> <td><div align="center">CONTACT THE
STUDIO</div></td>
> <td rowspan="2">
> <img src="images/index_14.gif" width="174"
height="31"
> alt=""></td>
> </tr>
> <tr>
> <td>
> <img src="images/index_15.gif" width="101"
height="12"
> alt=""></td>
> <td>
> <img src="images/index_16.gif" width="69" height="12"
> alt=""></td>
> <td>
> <img src="images/index_17.gif" width="170"
height="12"
> alt=""></td>
> <td>
> <img src="images/index_18.gif" width="172"
height="12"
> alt=""></td>
> </tr>
> <tr>
> <td colspan="9">
> <img src="images/index_19.gif" width="1004"
height="83"
> alt=""></td>
> </tr>
> </table>
> </div>
> </div>
> </div>
> 
> </body>
> </html>
>
>

Background Color Bleed-through in Safari 8.0

Ever since upgrading to Yosemite and the new Safari, the desktop wallpaper color bleeds through the bookmarks area. It looks like a small degree of translucency. For a redesign of software that was suppose to be "clean" looking, this is very distracting and makes it look really ugly. Is there any way to prevent this, maybe a preference I may be over-looking?

Great, thanks!
I never went into Accessibility as I thought that was for people with certain challenges. Apparently, I'm challenged as well.

Please Help with background color problem in loaded .swf

I am stuck!
This is Flash CS4...
I created a flash application which loads in many other little flash applications (.swf files) based on menu selections.
When I change one of the little applications the changes are viewable except when I change the background color.
After the first time I view the application, the background color changes do not carry over to the main app. I run the little ones stand alone and they show the new color, then I run the main app and any other changes I have made are there but not the color change. When I remove the file and the load fails, the old backround color still displays in the container movie clip the .swf was previously loaded into.
I have tried several different options and the only thing that worked was renaming and copying and deleting and making a big mess. There has to be a way to force a refresh of this mysteriously saved color. doesn't there?
Please help!
Thanks!
Vivian

Hi Antonia
I am loading the swf into an instance of a movie clip:
var myLoader:MovieClipLoader = new MovieClipLoader();
myLoader.loadClip("Capitalization.swf", contCapitalization);
it is the background of Capitalization.swf that will not change
this is AS 2 since the app was created before I upgraded
Any ideas?

Footer now floating in middle of page and no background color

Hello all,
Been working on this for days with no luck. I hope someone can spot the silly mistake, because I know it has to be something silly but it's driving me round the bend! The page has always been just fine until I recoded part of the body (the four columns with titles, photos, and text) to help with 508 compliance. Since then, the orange footer that was firmly at the bottom has started floating half way up the page and the background orange color has disappeared.
I've gone through my code line by line, marking off each beginning and ending div tag and everything is fine there. Below, is a screenshot of the lower half of the page showing how the footer should look.
Here is a screenshot of how it looks offline right now:
as you can hopefully see, the footer has lost it's orange background and is sitting halfway up the page.
Here is the HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=1100">
<meta name="keywords" content="Meadows museum, Southern Methodist university, SMU, Dallas, Texas, Algur Hurtle Meadows, The Meadows Foundation, Dr. Mark A. Roglán, medieval, baroque, tenth to twentieth century spanish art, 10th to 20th century Spanish art, Spanish art collection, Spanish paintings, Meadows school of art, masterpieces, world's greatest painters, El Greco, Velázquez, Ribera, Murillo, Goya, Miró, Picasso, Juan Gris, Renaissance, altarpieces, rococo oil sketches, polychrome wood sculptures, Impressionist landscapes, modernist abstractions, sculptures, twentieth-century sculptors, Rodin, Maillol, Giacometti, Henry Moore, David Smith, Claes Oldenburg, James Surls, Santiago Calatrava, Texas artists, Frank Reaugh, Jerry Bywaters, Otis Dozier, Alexandre Hogue, William Lester, exhibitions, education, educational workshops, lectures, gallery talks, symposia, symposium, museum shop, Spain's Golden Age, neo-Palladian structure, Jones Great Hall, Founder's Room, auditorium, Gates Restaurant, Moss Chumley Award, William B. Jordan internships, Fortuny, Sorolla, Steve Mumford, Don Quijote, eighteenth-century tapestries, Roger Winter, Stanley Marcus, Mark Lemmon, The Barrett Collection, Mexican art, DeGolyer Library, greek vase painting, Juan van der Hamen y León, Division of Cinema-Television, musical and danse performances, performing artists, studio art activities, storytelling, artist demonstrations, community education, Spanish discussion and book club, Master of Liberal Arts courses, MLA program, corporate membership, Museum membership, Museo Nacional del Prado, Prado Museum Designer=Pam Muirheid">
<meta name="description" content="The Meadows Museum is committed to the advancement of knowledge and understanding of art through the collection and interpretation of works of the greatest aesthetic and historical importance, as exemplified by the founding collection of Spanish art">
<meta name="robots" content="index, follow">
<title>Home – Meadows Museum</title>
<meta name="google-site-verification" content="WJGKz4uefsWUilZUdPa5ggL23MSk1IsHeLMzUz3B1QE" />
<style type="text/css">

</style>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script src="ajxmenu1.js" type="text/javascript"></script>
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu1.css" type="text/css" />
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu3.css" type="text/css" />
<link rel="stylesheet" href="ajxmenu4.css" type="text/css" />
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu8.css" type="text/css" />
<link rel="stylesheet" href="ajxmenu13.css" type="text/css" />
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu16.css" type="text/css" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-32262060-1']);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<script type="text/javascript" language="javascript">AC_FL_RunContent = 0;</script>
<script type="text/javascript" src="slideshow/AC_RunActiveContent.js" language="javascript"></script>
<script type="text/javascript" language="JavaScript"></script>
<script type="text/javascript" language="JavaScript">

</script>
<script src="ajxmenu1.js" type="text/javascript"></script>
<script src="ajxmenu3.js" type="text/javascript"></script>
<script src="ajxmenu4.js" type="text/javascript"></script>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
<script src="ajxmenu8.js" type="text/javascript"></script>
<script src="ajxmenu13.js" type="text/javascript"></script>
<script src="ajxmenu16.js" type="text/javascript"></script>

<meta name="google-translate-customization" content="9966f40ce63f3936-63b7db40478c71ff-g3ab4db8eb77d6f75-1b">
</meta>

</head>
<body bgcolor="#f1eee1">
<div class="hidden">Skip to main content.</div>

<div id="logo">
<header role="banner"><a href="http://smu.edu/meadowsmuseum/">Home Page - Meadows Museum</a></header>
</div>

<div id="navbackground">

<div id="nav">
    <div class="AJXCSSMenuBOOIZUD">
      <ul>
        <li class="tsub"><a class="ajxsub" href="mission_statement.htm">About  Us</a>
          <ul>
            <li><a href="mission_statement.htm">Mission Statement</a></li>
            <li><a href="Director.htm">Message from the Director</a></li>
            <li><a href="contacts.htm">Contact Us</a></li>
            <li><a href="news.htm">News</a></li>
            <li><a href="media.htm">Multimedia</a></li>
            <li><a href="history.htm">Museum History</a></li>
            <li><a href="Plaza.htm">Plaza & Sculpture Garden</a></li>
            <li><a href="Moss_Chumley.htm">Moss/Chumley Award</a></li>
            <li><a href="javascript:open_window(%27http://www.meadows.smu.edu%27)">Meadows School of the Arts</a></li>
            <li><a href="javascript:open_window(%27http://www.smu.edu%27)">Southern Methodist University</a></li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="visit.htm">Visit Us</a>
          <ul>
            <li><a href="visit.htm">General Information</a></li>
            <li><a href="tours.htm">Groups & Tours</a></li>
            <li><a href="access_programs.htm">Accessibility</a></li>
            <li><a href="shop.htm">Museum Shop</a></li>
            <li><a href="students_teachers.htm">K-12 Resources</a></li>
            <li><a href="dining.htm">Dining</a></li>
            <li><a href="lodging.htm">Lodging</a></li>
            <li><a class="ajxsub" href="events.htm">Facility Rentals</a>
              <ul>
                <li><a href="events_rental_images.htm">Rental Facility Images</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="collections_intro.htm">Collections</a>
          <ul>
            <li><a href="collections_intro.htm">About the Collections</a></li>
            <li><a class="ajxsub" href="collections_highlights.htm">Highlights of the Collections</a>
              <ul>
                <li><a href="collections_highlights_Algur.htm">Algur H. Meadows Collection</a></li>
                <li><a href="collections_highlights.htm">Meadows Museum Collection</a></li>
                <li><a href="collections_highlights_sculpture.htm">Elizabeth Meadows Sculpture Coll.</a></li>
              </ul>
            </li>
            <li><a href="collections_provenance.htm">Provenance & Research</a></li>
            <li><a class="ajxsub" href="#">Recent Acquisitions</a>
              <ul>
                <li><a href="collections_acquisitions_Goya.htm">Goya</a></li>
                <li><a href="collections_acquisitions_Barcelo.htm">Barceló</a></li>
                <li><a href="collections_acquisitions_Madrazo.htm">Madrazo</a></li>
                <li><a href="collections_acquisitions_Munoz.htm">Muñoz</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="exhibitions_current.htm">Exhibitions</a>
          <ul>
            <li><a href="exhibitions_current.htm">Current</a></li>
            <li><a href="exhibitions_upcoming.htm">Upcoming</a></li>
            <li><a class="ajxsub" href="#">Past</a>
              <ul>
                <li><a href="exhibitions_2013-present.htm"><span>2013-Present</span></a></li>
                <li><a href="exhibitions_recent_past.htm">2010-12</a></li>
                <li><a href="exhibitions_past_07-09.htm">2007-09</a></li>
                <li><a href="exhibitions_recent_past2.htm">2004-06</a></li>
                <li><a href="exhibitions_2001-3.htm">2001-03</a></li>
              </ul>
            </li>
            <li><a href="longterm_loans.htm">Visiting Masterpieces</a></li>
            <li><a class="ajxsub" href="#">Prado at the Meadows</a>
              <ul>
                <li><a href="about_Prado_Meadows.htm">Prado at the Meadows</a></li>
                <li><a href="docs/Pradopartnershipexpansionrelease.pdf">Expansion of Partnership</a></li>
                <li><a href="exh_Prado_Meadows_press.htm">Press Release El Greco</a></li>
                <li><a href="exh_Prado_Meadows_Ribera_press.htm">Press Release - Ribera</a></li>
                <li><a href="about_Velazquez_Prado_release.htm"><span>Press Release - Velaquez </span></a></li>
                <li><a href="prado_press.htm">News Articles</a></li>
                <li><a href="prado_fellowship.htm">Fellowships</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="public_programs.htm">Education</a>
          <ul>
            <li><a href="public_programs.htm">Program Calendar</a></li>
            <li><a href="internships.htm">Internships</a></li>
            <li><a href="fellowships.htm">Fellowships</a></li>
            <li><a href="students_teachers.htm">K-12 Resources</a></li>
            <li><a href="symposia.htm">Symposia</a></li>
          </ul>
        </li>
        <li class="tsub"><a class="ajxsub" href="membership.htm">Get Involved</a>
          <ul>
            <li><a href="membership.htm">Join or Renew a Membership</a></li>
            <li><a href="member_travel.htm">Member Travel</a></li>
            <li><a href="volunteer.htm">Volunteer</a></li>
            <li><a href="internships.htm">Internships</a></li>
            <li><a href="work_here.htm">Employment</a></li>
            <li><a href="support.htm">Donate</a></li>
          </ul>
        </li>
        <li class="tlast"><a href="50th_anniversary.htm">50th Anniversary</a></li>
        <li class="timg"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""/></li>
      </ul>
    </div>
</div> 
</div> 
<br />

<div id="wrapper">

<div id="slideshow">

        
        <script type="text/javascript" src="v4flashslideshow/slideshow.js"></script>
        <div class="dwuser_xfs_v4_holder" style="width: 1100px; height: 358px;"> <strong><a href="http://www.adobe.com/go/getflashplayer/">You need to upgrade your Flash Player and enable Javascript to view this content »</a></strong> </div>
        <script type="text/javascript">
            // <![CDATA[
            if (typeof(window['XMLFlashSlideshow_v4']) == 'undefined') { XMLFlashSlideshow_v4 = function(){}; alert('To use the XML Flash Slideshow v4, you must upload the v4flashslideshow/slideshow.js file, and have a properly defined ' + String.fromCharCode(60) + 'script' + String.fromCharCode(62) + ' reference to it in your HTML.');};
            XMLFlashSlideshow_v4({width:'1100', height:'358', level:'a', xml:'v4flashslideshow/slideshow_data1.xml', backgroundColor:'#F1EFE0', backgroundAlpha:'1', preloaderColor:'#FFFFFF', preloaderTextColor:'#FFFFFF', externalSkinURL:'', touchMode:'inline', touchBackgroundColor:'#F1EFE0', backgroundImage:'images/slideshow/Calatrava3_big.jpg', rightClickLabel:'slideshow of upcoming events'});
            // ]]>
            </script>
        
</div>

<div id="bodyArea">
    
    <div id="programseventstitle">
    <h3>PROGRAMS & EVENTS<br />
</h3><a href="public_programs.htm"><img src="images/index/class.png" alt="programs and events" width="275" height="143" /></a>
    <ul id="programsevents">
<p><a
href="public_programs.htm#symposium">International
    Symposium</a><BR>Sat, Feb 7, 10 A.M.-3 P.M.</p>
<p><a
href="public_programs.htm#toast">Champagne
    Toast</a><BR>Sat, Feb 7, 3:30-5:00 P.M.</p>
<p><a href="public_programs.htm#music">Music
    at the Meadows</a><BR>Sat, Feb 7, 6:30 P.M</p>
<p><a
href="http://www.meadowsmuseumdallas.org/public_programs.htm#drawing">Drawing
    from the Masters</a><BR>Sun, Feb 8, 1:30-3 P.M.</p>
<p><a
href="public_programs.htm#conn">Access
    Program: Connections</a><br />
    Wed, Feb 11, 10:30 A.M.-12:30 P.M.</p>
    </ul>
    </div> 
    
      <div id="newstitle">
      <h3>NEWS</h3> <a href="news.htm"><img src="images/index/Bacon_thumb.jpg" width="275" height="143" alt="news" title="news" /></a>
      <ul id="news">
    <p>12/23/14 - <a href="docs/50th_updated.pdf" target="_blank">Meadows Museum Looks Ahead to Golden Anniversary in 2015</a> (PDF)</p>
      <p>12/15/14 - <a href="docs/MossChumley2014Award.pdf" target="_blank">Meadows Museum Announces 2014 Moss/Chumley Artist Award Winner: Darryl Lauster</a> (PDF)</p>
      <p>11/3/14 - <a href="docs/Abello_2014.pdf" target="_blank">Meadows Museum to Present First Exhibition in U.S. of Paintings from
        Juan Abelló Collection, Among World’s Top Private Collections</a> (PDF)</p>
      </ul>
</div>    

    <div id="multimediatitle">
    <h3>MULTIMEDIA</h3><a href="http://vimeo.com/109750163" target="_blank"><img src="images/50th_anniversary/thumb_homepage.jpg" alt="multimedia" title="multimedia" width="275" height="143" /></a>
    <ul id="multimedia">
    <p><a href="media.htm">Watch videos, live webcasts, and podcasts</a>.</p>
      <p><strong>50th Anniversary</strong><br />
        Experience the Meadows Museum at SMU as the Museum approaches its <a href="http://vimeo.com/109750163" target="_blank">50th anniversary</a>. Find out what's going on this year, what's in the news, and discover the fascinating history of the Museum in <a href="50th_anniversary_timeline.htm">Meadows Milestones</a>.</p>
      <p><a href="media.htm">June 20, 2014 <em>WFAA News</em> story about artist John Bramblitt.</a></p>
      </ul>
</div> 

<div id="supportustitle">
<h3>SUPPORT US!</h3>
    <a href="support.htm"><img src="images/news_programs/MeadowsandLois.jpg" width="275" height="143" /></a>
    <ul id="supportus">
    <p><a href="membership.htm">Join/Renew your Membership</a></p>
      <p><a href="support.htm">Donate to the Museum</a></p>
      <p><a href="shop.htm">Browse our online shop</a></p>
        <p><a href="volunteer.htm">Become a Docent</a></p>
      <p><a href="shop.htm"></a><a href="volunteer.htm">Volunteer</a></p>
        <p><a href="javascript:open_window(%27http://visitor.constantcontact.com/manage/optin/ea?v=001WVdpo956d6mu5VjDxJQqvxlxNOVSB0HGHh q6v_z9sTXd8YFRILmxqroHCfw5TVmt2p88AqzgSHcInE_zTaFkPw%3D%3D%27)">Join our E-newsletter</a></p>
      </ul>
      
    <div id="google_translate_element"></div>
    <script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></scrip t>

    </div> 
      <div class="push"></div>
</div>

    <div id="footer">
      
      <div id="searchbar">
        <form role=“search” style="margin-right:0px; margin-top:12px; float:left; width:265px;" action="http://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self">
          <input type="hidden" name="si" value="47230699">
          <input type="hidden" name="pid" value="r">
          <input type="hidden" name="n" value="0">
          <input type="hidden" name="_charset_" value="">
          <input type="hidden" name="bcd" value="÷">
          <input type="text" name="query" size="15" style="border:thin">
          <input aria-label=”search” type="submit" value="search">
        </form>
        <br />
        <br />
        <a href="https://www.facebook.com/MeadowsMuseumDallas"><img src="images/symbols/facebook_white.png" alt="like us on Facebook" title="like us on Facebook" width="28" height="28" /></a><a href="https://twitter.com/MeadowsMuseum"><img src="images/symbols/twitter_white.png" alt="Follow us on Twitter" title="Follow us on Twitter" width="25" height="25" /></a> <a href="https://blog.smu.edu/tabularasa/"><img src="images/symbols/blog_white.png" alt="Museum blog" title="Museum blog" width="23" height="23" /></a> <a href="http://visitor.constantcontact.com/manage/optin/ea?v=001WVdpo956d6mu5VjDxJQqvxlxNOVSB0HGHh q6v_z9sTXd8YFRILmxqroHCfw5TVmt2p88AqzgSHcInE_zTaFkPw=="><img src="images/symbols/e-mail_white.png" alt="E-mail us" title="E-mail us" width="27" height="25" /></a> <a href="membership.htm"><img src="images/symbols/JOIN.png" alt="join the museum" title="join the museum" width="38" height="32" /></a> <a href="https://www.google.com/maps/preview#!q=5900+Bishop+Blvd.,+Dallas,+TX+75205&data=!1m4!1m3!1 d10476!2d-96.785088!3d32.837337!4m10!1m9!4m8!1m3!1d107264!2d-96.783199!3d32.845558!3m2!1i1 024!2i768!4f13.1"><img src="images/symbols/google-maps-iphone-icon.png" alt="Find us on Google maps" title="Find us on Google maps" width="24" height="24" /></a>
        </div>
    
    <div id="admissionhours">
    Hours: Tue-Sat 10:00 a.m. - 5:00 p.m.,
        Thu until 9:00 p.m.,
        Sun 1:00 - 5:00 p.m.
        Closed Monday.
        Admission: $10, adults, $8, seniors 65 & over, $4, non-SMU students. Free: Museum members, children under 12, SMU faculty/staff/students. Free Thu eve after 5:00 p.m. <br />
      </div>
    
      <div id="addresstel">
      Meadows Museum, 5900 Bishop Blvd., Dallas, TX 75205, <br />
        P.O. Box 750357, Dallas, TX 75275-0357 <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /> 214.768.2516<br />
        <a href="contacts.htm" class="white">e-mail</a> <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /><a href="site_map.htm" class="white"> Site map</a> <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /> Website by <a href="http://www.mypawprint.com" class="white">My Pawprint Productions</a><br />
        © 2015 Meadows Museum
        </div> 
    </div> 
</div> 
</body>
</html>
and here is the layout.css file:
@charset "utf-8";
    margin: 0px;
    padding: 0px;
a:link {color: #656252; text-decoration: underline; }
a:active {color: #656252; text-decoration: underline; }
a:visited {color: #656252; text-decoration: underline; }
a:hover {color: #656252; text-decoration: none;
a.white:link {color: #FFFFFF; text-decoration: underline; }
a.white:active {color: #FFFFFF; text-decoration: underline; }
a.white:visited {color: #FFFFFF; text-decoration: underline; }
a.white:hover {color: #FFFFFF; text-decoration: underline; }
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1100px) {
/* Styles */
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1100px)
and (orientation : landscape) {
/* Styles */
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
.hidden
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}
a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
header {
    width: 1100px;
    background-repeat: no-repeat;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
header a {
    text-decoration: none;
    background-image: url(../images/index/orange_50th_2011_1100.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 0;
    display: block;
    height: 130px;
    text-indent: -700px;
header a:focus {
    background-position: right top;
    padding: 0;
    height: 132px;
    text-decoration: none;
    display: block;
    background-image: url(../images/index/orange_50th_2011_1100.png);
    background-repeat: no-repeat;
    text-indent: 0px;
    text-decoration: underline;
    color: white;
a:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
header b {
    text-decoration: none;
h1 {
    height: 75px;
    width: 285px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: normal;
    color: #f1efe0;
    float: left;
    padding-left: 35px;
    padding-top: 75px;
h2 {
    height: 51px;
    width: 480px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: normal;
    font-style: italic;
    float: left;
    color: #f1efe0;
    padding-top: 99px;
h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
    height: 25px;
    padding-left: 10px;
h4 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 25px;
    color: #666666;
#logo {
    background-color: #af4d33; /*change the color to match your orange*/
    display: block;
#navbackground {
    background-color: #776353; /*change the color to match your brown*/
    background-repeat: repeat;
#nav {
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    width: 1100px;
.caption {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    margin: 25px;
p {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #414040;
    margin: 25px;
.caption {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    margin: 25px;
#wrapper {
    background-color: #e2dfcf;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    width: 1100px;
    margin-right: auto;
    margin-left: auto;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #999999;
    border-left-color: #999999;
#wrapper #white {
    background-repeat: repeat;
    padding: 0;
    display: block;
    height: 10px;
    background-color: #FFF;
    width: 2500 px;
#wrapper #slideshow {
    height: 358px;
    background-repeat: no-repeat;
#wrapper #programseventstitle {
    width: 275px;
    height: 25px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #414040;
    font-weight: normal;
    font-variant: normal;
    background-color: #e2dfcf;
    padding-top: 10px;
#wrapper #newstitle {
    width: 275px;
    height: 40px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #414040;
    vertical-align: middle;
    font-weight: normal;
    margin: 0px;
    background-color: #f1efe0;
    padding-top: 10px;
#wrapper #multimediatitle {
    width: 275px;
    height: 40px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #414040;
    font-weight: normal;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #e2dfcf;
    padding-top: 10px;
#wrapper #supportustitle {
    width: 275px;
    height: 40px;
    float: left;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #414040;
    font-weight: normal;
    margin: 0px;
    background-color: #f1efe0;
    padding-top: 10px;
#wrapper #bodyArea #photoprogramsevents {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 143px;
#wrapper #bodyArea #photonews {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 143px;
#wrapper #bodyArea #photomultimedia {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 143px;
#wrapper #bodyArea #photosupport {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 143px;
#wrapper #bodyArea #programsevents {
    float: left;
    background-color: #e2dfcf;
    width: 275px;
    height: 350px;
#wrapper #bodyArea #news {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 350px;
#wrapper #bodyArea #multimedia {
    float: left;
    background-color: #e2dfcf;
    width: 275px;
    height: 350px;
#wrapper #bodyArea #supportus {
    float: left;
    background-color: #f1efe0;
    width: 275px;
    height: 350px;
#wrapper #bodyArea #footer {
    height: 100px;
    width: 1100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #af4d33;
    padding: 0px;
    color: #FFFFFF;
    background-repeat: repeat;
    clear: both;
.footer, .push {
    clear: both;
#wrapper #bodyArea #footer #searchbar {
    height: 70px;
    width: 230px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #af4d33;
    padding: 15px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    float: left;
    text-align: left;
    clear: none;
#wrapper #bodyArea #footer #admissionhours
    height: 70px;
    width: 415px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #af4d33;
    padding: 15px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    float: left;
    text-align: left;
    clear: none;
#wrapper #bodyArea #footer #addresstel{
    height: 60px;
    width: 330px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #af4d33;
    color: #FFFFFF;
    background-repeat: no-repeat;
    float: right;
    text-align: right;
    padding-top: 22px;
    padding-right: 25px;
    padding-bottom: 0px;
    padding-left: 15px;
#google_translate_element{
    padding: 25px;
html {
overflow-y:scroll;
a img {border: none;

Horgykitkat wrote:
What I found after taking out the heights from the text areas is that I was left with uneven text column lengths (alternating beige areas). So I created a repeatable jpg with the same alternating beiges and put it as the background of the bodyArea tag. Again, if there is a better way, please let me know!
A repeating background image to 'fake' equal height columns is perfectly ok.
It won't work IF your page is responsive but it isn't so no problem. If it were responsive a better solution would be to take advantage of the css property display: table; and display: table-cell;
In reference to your footer background color not showing I would assume you have floated items within the footer container. If so then you need to clear those floated items which allows the footer container to wrap itself around the floated items inside it.
You would do this by using css - overflow: hidden; - on the parent container which has the floats inside it.

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

Transparent spry menu that has a background color on sub menus and a few other problems(Please Help)

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

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.

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.

How to get a layer's background color with AE SDK

Hello,
I am trying to get the color of the background for my current layer but I can't seem to find how to do it.
By background color, I don't mean the application's background color, but the color that shows through if I set the alpha of my pixels to 0.
For example, suppose the composition background is black, I put a green solid on top of it, then put an image on top of the solid and apply my pug-in to the image.
If I set the alpha to zero in my plug-in, the solid's green will show up.
So I want to be able to find out that my background is green.
I already tried using PF_AppGetBgColor() but that returns the application's background color, which is not green in this example.
If you want more details about what I want to do, I have plug-in P1 which sets some pixels to 0-alpha. On top of it I apply another plug-in P2 which reveals 0-alpha pixels by blending them with some color.
What happens now is that the output is the original image's color blended with P2's color (because P1 only modified the pixels' alpha).
What I want is to have the color showing through the transparent pixels of P1 blended with P2's color.
To do that, I would like to be able to set the color of the 0-alpha pixels to the background's color in P1.
Sorry for the long question.
Thanks for your suggestions.

hello nicolas.
if i understood you correctly, what you're trying to get it the image buffer of the composited layers, beneath the layer with your effect.
if that is correct, then i'm afraid it's next to impossible to do.
when AE renders a composition it doesn't do it bottom to top. it tries to do the opposite actually.
why? because if at a certain point the buffer is fully opaque, then it doesn't need to render what's beneath.
further more, checked out layers change the order rendering, and many other things affect the rendering order of the layers.
besides that, there's no API for accessing intermediate comp buffers. just the final result.
the closest you can get to that without turning the world over, is to use AEGP_GetCompBGColor(),
which would prove useless to you as the image doesn't get composited over that color, unless that's the comp being saved to file.
so why did i say "next to impossible"?
you can turn the world around.
you can write an AEGP of type "artisan". (look at the "arti" sample)
these plug-ins render comps (instead of the "advanced3D" renderer)
an artisan does have intermediate comp results, as it is the one doing the rendering.
so now you can have your artisan save the buffer you need, and deliver it to your effect.
i must warn you that doing this is very very very difficult.
another possible solution is to create a duplicate of the comp in which your effect resides,
erase all layers who's image you don't need, and render that duplicated comp using AEGP_GetReceiptWorld().
if you use this method, you have to supervise the original comp, and apply changes to the duplicate.
yes, that too is difficult to do.
you could make a change in strategy, and apply your effect on an adjustment layer instead.
the input for the adjustment layer is the composited buffer of underlying layers.
then you could get the original sources you wish to process using checked out layer params.
the last solution i can think of is using the sampleImage() expression on a hidden param.
this will give you pixel data from any layer in the comp, but not the composite of the underlying layers.
maybe if you tried sampling an adjustment layers post effects... i don't know. you'll have to try.
this method is very slow, and is also limited to time out, so you can't get a large number of pixels.
the expression will simply fail.
i hope it hasn't been all bad news for you.
maybe of you told more about the plug-in you're developing i could come up with a better plan.

Default background color issue

Hi,
I am trying to change themes at run-time using
StyleManager.loadStyleDeclarations(). Whenever I switch to a theme,
the default theme's background color shows up for a fraction of a
second. I tried using the "StyleEvent.COMPLETE" event handler but
it doesn't seem to work. Is there a way to remove this? I want the
transition from my current theme to the next theme to be smooth
without the default background color appearing. If anybody can
please provide a solution for this, It would be a great help.
Thanks,
Jai

quote:
Originally posted by:
LuigiL
Project -> Properties -> Flex Compiler -> add the
default color:
-default-background-color 0xFFFFFF
That's not what he's talking about... He's saying if you load
a CSS file with loadStyleDeclarations(), it will momentarily flash
the default, green Halo theme before switching to the new style...
If I load up my white theme (White.swf -- compiled to swf from css)
and then I want to change to my red theme (Red.swf) like:
StyleManager.unloadStyleDeclarations("White.swf");
StyleManager.loadStyleDeclarations("Red.swf");
At the * point in the execution, it will flash the green Halo
theme instead of just making a smooth transition from white to
red... It doesn't look so professional...
I have the same problem when switching themes, and it's very
annoying... Guess I'll keep an eye on this thread...

Getting background color

How can i get the background color from an external swf file?
(or even from the main swf file)
I'm loading the external swf with:
moviecontainer = _root.createEmptyMovieClip("moviecontainer",
10);
moviecontainer.loadMovie("pacman.swf",0);
I tried to do get the background color of pacman.swf with
moviecontainer.backgroundColor,
moviecontainer._root.opaqueBackground,
moviecontainer._root.backgroundColor and
moviecontainer._root.background. All of these returned 'undefined'.
Does anyone know how to get the background color of this
external swf file, or even how to get the background color of the
main swf file (which contains this script)?

I can see that could work in some cases, but in this
particular case the external swf (that's loaded with loadMovie())
oesn't use it's own background color, but just inherits the
background color from the main swf file.
When using the BitmapData class, i just get the background
color from the main swf, rather than the external swf. There might
be some problems with your method as well, because there could also
be other objects blocking the background color at (x;y).
Is there any other proper way to get the background color
from a swf?

I bought PSE for one reason. . to standardize background colors of my product pictures

Hi Everyone,
I just bought and installed PSE on my pc for one reason. I retail fine and costume jewelry and gift items on my website. I am currently having a new site built for me and I want to have all the product pictures showing on my site with a standardized color background as opposed to whatever color I scan the item with in it's original background color. The product pictures come from several sources (mfg websites, catalog scans, etc.)and my site is cheapened by the array of too many different (and distracting) background colors showing at once. My webmaster told me PSE would allow me to do this.
All I need to do is remove the existing background color of each picture and add a standard color of choice. As I have hundreds of items/product pieces, I need a quick and effective way of making this change YESTERDAY. I have read so many tutorials, but they are not making the jewelry pieces look "real" much less elegant.
I am attaching a sample of the types of pictures I am working with. Can anyone help me accomplish this quickly, easily and professionally???

It's a manual edit. I don't know of any way around it. I've never seen ANY photo software that has an auto-background setting for imported pictures.
You could try getafreelancer.com and see if they have anyone who can do this for you. Most of the people there work cheap and they are no slouches when it comes to getting things done in a hurry.

Cannot see embedded swf's in html

When creating my flash file, i load swf files into loaders on my stage. When testing it, it works fine, but when publishing it to the web, it dosn't show the embedded swf's?

I'm assuming you intend that the embedded swf is the one that loads the other swfs... the one that is coded into the html page, not the ones that are loaded into loaders. Did you upload the AC_RunActiveContent.js file that Flash creates?

Blocks/lines of background color show through embedded SWF

Similar Messages

Maybe you are looking for