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.

Similar Messages

Top Sites background color.

How do you change the background color on Safari top sites, i dislike the new grey color, want to change it back to black?

Hi alan-43,
I can tell you that they do read every feedback comment. So, even if you did not hear back, I think it's kind of like voting....that one additional comment on the same topic just might be the one that tips the balance and gets the thing changed.
I know a lot of people are not happy with the gray and white, the thin fonts, the overall look of iOS 7, and the inabiity to change it. Hopefully they are working on ways to allow users to do a little more customization. One size simply doesn't fit all....
Cheers,
GB

Change Safari background color

Hello everyone,
I've some trouble with my eyes and therefor I like to change the backgroud color of the browsing tabs. I use Firefox now but is this also possible with Safari?
Thank you!

Hi,
If you still need help with this...
Not sure if Safari can be modified to change the background color of tabs but open System Preferences then select Universal Access.
Select the Seeing tab. Under Display select: *White on black*
You can use the slider for contrast.
Maybe that will help.
Carolyn

Viewing Safari webpages in different background colors

Hi all,
I was wondering if there was a way to change the color I view safari webpages, i.e. if I could view the background color of a webpage in yellow rather than white?
Many thanks.

Sure as I tell you that you can't, someone will tell you how.
But to my knowledge, that isn't doable, as Safari reads the HTML of the page in question. If it doesn't say "yellow" in the page's coding...it won't be yellow.
Doc

Background color does not show in a design mode preview

Hi,
I installed Macromedia studio 8 a couple of days ago, and
started using Dreamweaver 8 with a "Missing Manual" book. I'm on
first chapter and following tutorial. It says to change a
background color to blue, and I did that. But this change was not
reflected in a design mode preview. I checked the code and it's
there. I viewed in an IE6, and it was there. My coworker installed
an evaluation version on his pc and it worked fine. I guess it's my
pc that has problem. I had IE7 and VS2005 on the pc when I
installed Macromedia 8. Due to help crash, I uninstalled IE7. It
did not solve the problem, so I uninstalled VS2005 and related
programs, and it did not solve the problem. I uninstalled and
reinstalled Dreamweaver 8 a couple of times, and it did not help.
Does anyone out there who have similar experiences, please share it
with me? I post this here before redo my pc. Thanks.

<shrug>
Without seeing code, it would be impossible to guess....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"jaivora" <[email protected]> wrote in
message
news:[email protected]...
> This is way too much - I too am reading the same book
and am stuck at the
> same
> place - Not only does the background not appear in
dreamweaver, but nor do
> the
> new colors set for the active links, rollover links, etc
- After setting
> in the
> new colors, the "Page Property" section will not reflect
the new colors -
> While
> all the time Safari will show the page correctly.
>
>
>
quote:
Originally posted by:
Newsgroup User
> Do you also have the same exact code? That's where the
answer always
> lies....
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "LaValliere" <[email protected]> wrote
in message
> news:[email protected]...
> >I am having the same exact problem as the other
person, except I can not
> >find
> > the manual uninstall that seemed to fix their
problem. The funny thing
> > is
> > I am
> > reading the exact same book as they were and the
problem happen at the
> > same
> > point in the very first chapter. The background was
working fine
> > before.
> > Thinking back I realised the book said to go to the
website for any
> > updates,
> > which I did. After that . . . . no background color
is visible. I have
> > also
> > attempted to uninstall and reinstall. No luck. Can
you help?
> >
>
>
>
>
>
>

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

Spry MenuBar Test in IE (background color check)

This is a part two to a previous post. I have a Spry menu bar in my clients app and right now my issue is that the menu bar when you rollover over to view the drop down (in this case a drop up since the menu is above the main menu) should display a menu with a background color of #887242 which in Firefox and Safari it does, but in IE (any version) it instead inherits the color of the main nav bar which is #483828. Originally the background was all white in IE and then I went to the CSS and found this:
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;
    background-color: #FFF;
So I changed #FFF to #483828 and that took care of the menu bar but applied the color to both the menu bar and drop down. I want the drop down to be a different background color as mentioned previously so after a little looking around I'm trying this:
@media screen, projection
    ul.MenuBarHorizontal ul
    display: inline;
    f\loat: left;
    background-color: #887242;
underneath that. Since I'm on Mac, I can't eee the drop down on BrowserLab or BrowserShots so can anyone on a PC please check briefly this URL for me to tell me if the drop down is showing the proper background color and if not, is there a fix?
http://www.designmg.com/new//index3.html

OK, I tried it with my PC on both Firefox and IE8. With Firefox the menu and submenu text is the orange color but changes to white on hover. Also on hover the drop up submenu appears and the background is the beige color. With IE8 the menu text is italic (somewhat slanted), the text turns white on hover but the background does not appear. Instead, a beige vertical line appears to the right of the drop up submenu (maybe 5 px wide).
Hope that helps. Sorry I can't offer any suggestions - I'm pretty new at this and I'm working my own issues out with IE. Good luck and Happy New Year
RM

Background color missing

I'm a newbie just working on the Adobe Dreamweaver tutorial.
It instructs me to go to modify>page properties> click on the
background color box and select black (#000000). I did this and the
background color is still without color. When I open the page in
Safari, the black color is there in the background. It also is in
the code.....
I also tried this before only with a large background image.
It would not appear on the page in Dreamweaver but was in the code
and showed up when I opened it in Safari. Please advise. Thanks so
much!!
Text

This page will definitely be black in DW. Are you sure you
are looking at
the right page? Do you have styles enabled (VIEW | Style
Rendering >
Display Styles)?
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
==================
"Bennibird" <[email protected]> wrote in
message
news:[email protected]...
>
> I'm a newbie just working on the Adobe Dreamweaver
tutorial. It instructs
> me
> to go to modify>page properties> click on the
background color box and
> select
> black (#000000). I did this and the background color is
still without
> color.
> When I open the page in Safari, the black color is there
in the
> background. It
> also is in the code.....
> I also tried this before only with a large background
image. It would not
> appear on the page in Dreamweaver but was in the code
and showed up when I
> opened it in Safari. Please advise. Thanks so much!!
>
>
>
Text
>
> <!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>Cafe Townsend</title>
> <style type="text/css">
> body {
> background-color: #000000
> }
> -->
> </style>
> </head>
>
> <body>
> <table width="700" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td height="90"><img src="" alt=""
name="banner_graphic" width="700"
> height="90" id="banner_graphic" style="background-color:
#993300" /></td>
> </tr>
> <tr>
> <td height="166"> </td>
> </tr>
> <tr>
> <td height="24"> </td>
> </tr>
> </table>
> <p> </p>
> <table width="700" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td width="140" bgcolor="#993300"><span
class="style1"></span></td>
> <td width="230"
bgcolor="F7EEDF"> </td>
> <td width="330"
bgcolor="F7EEDF"> </td>
> </tr>
> </table>
> Cafe Townsend
> <table width="700" border="0" cellspacing="0"
cellpadding="0">
> <tr>
> <td height="24"> </td>
> </tr>
> </table>
> </body>
> </html>
>

Textarea ... background-color:transparent causing problem in IE7

hello;
when I use <textarea style="background-color:transparent " > IE7 does not accept input ... other browsers work fine;
is there a way to get a transparent background for a textarea such that the textarea functions correctly in IE7 ( I haven't tested it in IE8 )?
thanks,
Shannon

What happens if you remove the background tag altogether?
I do this with my overflow css for text boxes and it leaves them transparent (as in: showing the page background) in Firefox, Safari Opera and IE 5, 6, 7 and 8.

Mail background color?... and email grouping

Hi..
Is it possible to change the background color in Mail to something other than white? if so , how??...and are their any other (other than fonts) way to improve the "look" of Mail?
also...
is there a way to group emails from a specific soure or with a specific heading etc (eudora does this for example by highlighting one and hitting option/command together)..and pull then all together in your in boxes..?/
thanks in advance for your help;...
P.S. and other tricks and insights to get me away from EUDORA (which I love ) woudl be appreciated...
IMac G5 Mac OS X (10.4.8)
IMac G5 Mac OS X (10.4.8)

Although RTF with Tiger Mail is HTML, the Mail.app does not include an HTML composer/editor so includes no option to change the background color of messages but there is a work-around.
Select RTF for message composition with Mail.
Use the HTML editor/composer of choice - the Text Edit application can be used for this. Set the background color, font/font size and text color that you prefer for the document. When saving the document, select HTML for the File Format.
Open the saved document with Safari and at the menu bar, go to File and select Mail Contents of This Page.
A new Mail.app message will be launched and the Text Edit document will be copied to the new Mail.app message with the background color chosen with Text Edit.
To save the message as a template:
Create a new "On My Mac" location mailbox called "Templates" (or anything else that appeals to you more).
Save this new message created as a Draft.
Close the message.
Go to the Drafts folder.
Move the Draft message you just saved to the "Templates" mailbox.
To use a message template in Mail to create a new message:
Open the Templates mailbox containing the desired message template.
Highlight the template you want to use for the new message.
Select Message | Send Again from the menu.
Edit and send the message.
You can also use any message you previously sent as a template by copying it to your "Templates" mailbox (or using Message | Send Again directly).
To edit a template, create a new message using it, make the desired changes and the save the edited message as a template as described above while deleting the old template.
The Mail.app includes a thread feature which leaves some room for desire.
Select a mailbox and at the menu bar, go to View and select Organize by Thread. Check Mail.app Help for Threads.

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

Change background color of tabs?

I use Safari on a 13" Macbook Air, after recently abandoning Chrome. I have trouble reading the tiny print on the dark gray tabs. Can I change the background color, or enlarge the print?

Hi June ...
Unfortunately, the Safari background color on tabs cannot be modified nor can the font size be increased.
Try using a different resolution on your Mac. Open System Prerferences > Displays then select Scaled.
If that doesn't work for you, you may have better luck using the Firefox browser > Download Firefox
How to change the fontsize in the bars and tabs? | Firefox Support Forum | Mozilla Support
How to set the zoom out or in for all pages permanently? | Firefox Support Forum | Mozilla Support
Themes :: Add-ons for Firefox

Background color in HTML widget is a totaly different color in IE than what

Background color in HTML widget is a totaly different color in IE than what is shown in safari. http://web.mac.com/bmoody/Royalfest/5k.html .The scrolling text background is beige in safari and Firefox but blue in IE6. Any insite to what I can change or what the issue is other than microsoft would be greatly appreatiated

Welcome to the Apple Discussions. Unfortunately this about says it all:
The scrolling text background is beige in safari and Firefox but blue in IE6.
You could try an image file of the color you want to have and see if it will be rendered any truer by IE. Be sure the file contains the sRGB color profile that most web sites use and it should render the same on all browsers except for possibly the brightness.
OT

Background color and float problems

Hello all,
I am having a problem with the background color and the left
float for a navigation sidebar (also with the background color for
the footer). The body color is set to gray, and the main page is
centered with a white background. I set up the pages using mostly
CSS, with a few tables where they seemed necessary. I set up the
navigation side bar as a div with a green background and a left
float. The footer is set up as a div with a green background. All
text is aligned left.
When I preview in Safari, everything looks as expected.
In Firefox and IE5: The background color of the navigation
sidebar has white showing up behind the type that are not links
(e.g., mailing address and subheads). The div does not float all
the way to the left edge of the page. The background color of the
footer should be green but shows up as white. I validated the code
in DW, and it reports no problems (at least, it checked out after I
made a few corrections).
I am not that concerned about the background color for the
footer -- it is either all there (in Safari) or not there at all
(in Firefox and IE). But I would like to see if I can make it show
up. For the navigation sidebar, would putting it in a table cell
make it work correctly in Firefox and IE?
Regarding the left float issue for the nav sidebar IE5: At
the top of the page, my logo banner (it's placed in a div) shifted
to the right (in IE only). When I added a left float to the banner,
the banner lines up fine with the rest of the page, but a white
margin appears along the left side of the entire page.
None of my pages are uploaded to a web host yet. This is my
first website. I am working in DW8 on a Mac.
Thanks in advance,
Kathy (Daylilybud)

Mista,
Here is my home page based on the template I sent previously.
Thanks in advance!
Kathy (Daylilybud)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />
<title>Loon Song Gardens: Home Page</title>
<link href="externalcss/informationcss.css"
rel="stylesheet" type="text/css" />
<style type="text/css">

</style></head>
<body>
<div id="container">
<div id="banner"><a name="topofpage"
id="topofpage"></a><img
src="graphics/thumbnailsheader/lsgheadergraphic_760x110.jpg" alt=""
width="760" height="110" />
<div id="heading"><img
src="graphics/thumbnailsheader/hotcolorstrip760.jpg" alt=""
width="760" height="76" /></div>
<div id="navsidebar">
<p class="navsidebarnormal">Loon Song Gardens,
LLC<br />
10910 109th Ave N<br />
Champlin MN 55316<br />
763.422.0015</p>
<ul class="ulnavsidebar">
<li class="ulnavsidebarli"><a
href="../donotuse/indextest4.html">Homepage</a></li>
<li class="ulnavsidebarli"><a
href="about_loonsonggardens/aboutus.html">About
Us</a></li>
<li class="ulnavsidebarli"><a
href="about_loonsonggardens/our_daylilies/aboutourintroductions.html">Our
Introductions</a></li>
<li class="ulnavsidebarli">Seedlings</li>
<li class="ulnavsidebarli">Photo Gallery</li>
<li class="ulnavsidebarli"><a
href="pricelist2008/pricelist2008ab2.html">2008 Price
List</a></li>
<li class="ulnavsidebarli"><a
href="pricelist2008/lsgorderform2008website.pdf">Order Form
(PDF)</a></li>
<li class="ulnavsidebarli"><a
href="about_loonsonggardens/shippingandterms.html">Shipping and
Terms</a></li>
<li class="ulnavsidebarli"><a
href="about_loonsonggardens/visitus.html">Visit
Us</a></li>
<li class="ulnavsidebarli"><a
href="mailto:[email protected]">Email Us
</a></li>
</ul>
<p> <span class="navsubheadbold">ABOUT
DAYLILIES</span> </p>
<ul class="ulnavsidebar">
<li class="ulnavsidebarli"><a
href="about_daylilies/howtoplant.html"
class="ulnavsidebarli">How to Plant</a></li>
<li class="ulnavsidebarli"><a
href="about_daylilies/growingtips.html"
class="ulnavsidebarli">Growing Tips</a></li>
<li class="ulnavsidebarli"><a
href="about_daylilies/howtodivideadaylily.html"
class="ulnavsidebarli">How to Divide</a></li>
<li class="ulnavsidebarli"><a
href="about_daylilies/moreaboutdaylilies.html"
class="ulnavsidebarli">More About Daylilies</a></li>
</ul>
<p> <span class="navsubheadbold">OTHER
LINKS</span> </p>
<ul class="ulnavsidebar">
<li class="ulnavsidebarli"><a href="
http://www.daylilies.org"
class="ulnavsidebarli">American Hemerocallis <br />
Society (AHS)</a></li>
<li class="ulnavsidebarli"><a href="
http://www.daylilies.org/ENews.html"
class="ulnavsidebarli">AHS Daylily E-News <br />
(FREE SUBSCRIPTION) </a></li>
</ul>
</div>
<div id ="content">
<h1>Welcome to Loon Song Gardens! </h1>
<ul>
<li class="contentli">We specialize in northern-hardy
daylilies (<em>Hemerocallis</em>).</li>
<li class="contentli">Our daylilies are field
grown.</li>
<li class="contentli">We offer competitive
prices.</li>
<li class="contentli">Loon Song Gardens, LLC, is a
licensed and inspected nursery.</li>
<li class="contentli">We are an American Hemerocallis
Society Display Garden. </li>
<li class="contentli">Visitors are welcome by
appointment.</li>
</ul>
<p>Loon Song Gardens is a specialty daylily nursery
and the home of Mike and Kathy Lamb in Champlin, Minnesota, USDA
hardiness zone 4. We grow over 1,000 named daylily cultivars in a
wide range of colors, sizes, and forms, from classics to cutting
edge. If you are looking for northern-hardy daylilies, check with
us! We will gladly share our growing experiences with you so you
may have the best possible success.Kathy hybridizes daylilies and
has introduced four daylily cultivars to date. For details, see
<a
href="about_daylilies/about_loonsonggardens/our_daylilies/ourintroductionsmain.html">Our
Introductions </a> and <a
href="about_daylilies/about_loonsonggardens/our_daylilies/seedlingsandfutures.html">Seedl ings.</a></p>
<h2>Are you new to the world of daylilies? </h2>
<p>Learn more about daylilies! Use the links in the
left sidebar to find answers to your questions. Check back for
updates. If you have questions, send us an email, and we will try
to help.</p>
<h2>To place your order</h2>
<p class="contentp">Use our on-line <a
href="about_daylilies/pricelist2008/pricelist2008v215ab.htm">2008
Price List </a> to make your selections. We are a small
nursery and quantities are limited, so it is best to confirm your
order via email.</p>
<p class="contentp">To place your order, print the
<a
href="about_daylilies/pricelist2008/lsgorderform2008website.pdf">Order
Form (PDF)</a>, fill it in, enclose payment by check or money
order (payable to Loon Song Gardens, LLC), and mail to:</p>
<blockquote>
<p class="contentp"> Loon Song Gardens<br />
10910 109th Ave N <br />
Champlin MN 55316</p>
</blockquote>
<p>We ship at least a double-fan size plant unless
otherwise noted in our listings, we include a bonus for orders of
at least $35, and we guarantee that our plants are true to
name.</p>
<h2>Visit Loon Song Gardens</h2>
<p>Loon Song Gardens is an official American
Hemerocallis Society (AHS) Daylily Display Garden, open by
appointment. If you will be in the Minneapolis area and would like
to stop by, please contact us to schedule a time. For details,
click on <a
href="about_daylilies/about_loonsonggardens/visitloonsonggardens.html">Visit
Us</a>. </p>
<h2>Join the American Hemerocallis Society
(AHS)</h2>
<p>The AHS website includes lots of great daylily
information, so be sure to take a look. </p>
<p>Join AHS today and take advantage of the voucher
program! New AHS members receive a voucher good for at least $25.00
toward daylilies from participating vendors (a minimum purchase may
apply). To join AHS, go directly to <a href="
http://www.daylilies.org/AHSmemb.html">AHS
Membership</a>.</p>
<p>Kathy is currently on the AHS Board of Directors as
Chair of Publicity and Media Relations. She produces <em>AHS
Daylily E-News,</em> an e-newsletter free for AHS members and
non-members alike. To subscribe, click on <a href="
http://www.daylilies.org/ENews.html">AHS
Daylily E-News</a>. </p>
</div>
<div id="topofpage"><a href="#topofpage">Top of
Page</a></div>
</div>
<div id="footer">
<p class="footer">© 2008 Loon Song Gardens,
LLC. All rights reserved. | Loon Song Gardens, LLC | 10910 109th
Avenue North | Champlin MN 55316<br />
<a href="mailto:[email protected]">Email
us</a>| | 763.422.0015 | Fax 763.422.0131 | This page was
last updated
March 30, 2008
</p>
</div>
</div>
</body>
</html>

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

Background color on Safari

Similar Messages

Maybe you are looking for