Changing background color in 'options'-content- colors hides icons and buttons at various sites

<blockquote>Locking duplicate thread.<br>
Please continue here: [[/questions/895755]]</blockquote>
This has been an ongoing fault through the versions of Firefox. A work around I discovered is to check- 'allow pages to choose own colors' then use no squint to color and then icons and buttons remain visible. This method is not an acceptable procedure and leaves the fields white. And also, a very annoying white flash when transitioning to another page.
If you are one of the elite group of artists that strive for zero eye strain and love the beauty of a black background with light colored text and are mystified as to how to cure the problem here it is. Be sure to contact bugzilla.mozilla.org and report this bug.

If you disable website colors and want to show your own colors then background images are hidden as well.<br />
So buttons that use a background image aren't clearly visible anymore.<br />
That setting is meant as an accessibility feature and as you've noticed, NoSquint works better as it uses a different way to achieve this.

Similar Messages

How do I darken the darkest red, green etc, in Options- Content- Colors

I am bothered by glare and adjust browser colors for high contrast on a dark background. Black is boring after a while so I trade off to dark Green or Blue or Red etc.
In IE 9 through 'Internet Options' I can choose a background color and then darken it using the 'Define Custom Color' feature.
http://img809.imageshack.us/img809/3805/ie9internetoptionscolor.png
In Chrome 10 with the 'Any Colors' extension I can darken using a slider.
http://img710.imageshack.us/img710/2046/chrome10anycolors.png
Firefox 4.0 'Options'-->'Content'-->'Colors' continues the Mozilla policy of freezing the color chart to the default choices so I cannot darken the darkest available non-black choices. I have been unable to find an add-on that doesn't require changing the color intensity on individual web pages rather than systemically.
http://img860.imageshack.us/img860/4522/firefox40optionscontent.png
Can anyone tutor me how to manipulate the Firefox color chart ? Thanks in advance

Hi Burke,
Here's the result, using Peggy's suggestion:
Process:
Click on the thin strip of red to the left of the title ("THE THOMPSONS") to select the background.
You'll see the small x in each corner, indicating the object is locked.
Go Arrange > Unlock (or press option-command-L) to unlock the object.
Click on the Fill Color well in the format bar, and choose a new colour from the palette.
Go Arrange > Lock (or press command-L to re-lock the object.
Save the result.
Regards,
Barry

How mak an iMacro to toggle Tools Options Content Colors Allow Pages Own Colors

Every day in Firefox I go back and forth repeatedly, enabling my own System Colors, then going back to "Allow pages to choose their own colors".
I've tried to create an iMacro to do this, but apparently I haven't leaned iMacros correctly, because none of the several times I've tried it have worked.
Can someone write the macro for me, or tell me what the steps of the iMacro should be?
The two setting I want to toggle are:
Tools > Options > Content* > Colors > Allow pages to choose their own colors, instead of my selections above
and
Tools > Options > Content* > Colors > [uncheck] Allow pages to choose their own colors, instead of my selections above
* I always leave Content selected in the Tools > Options window, specifically so I can do the above series without having to mouse-click on Content
Thanks!

hello, you could simply try it with an add-on like https://addons.mozilla.org/en-US/firefox/addon/toggledocumentcolors-198916/

Could you please put a fast shortcut in the toolbar to un/check "Allow pages to choose their own colors,..." from Options Content Colors

could you please put a fast shortcut in the toolbar to un/check "Allow pages to choose their own colors,..." from Options> Content> Colors>

hello bygabyga, i think this will be a too specific use-case to be added as a general feature into the browser. you can make use of an extension though to get this kind of functionality: https://addons.mozilla.org/firefox/addon/toggledocumentcolors-198916

In the new iOS-7 Safari, has the "reader" function been changed to eliminate the option to modify font size (and hence to modify the number of words per line), or is it just that I can't find how to do that?

In the new iOS-7 Safari, has the "reader" function been changed to eliminate the option to modify font size (and hence to modify the number of words per line), or is it just that I can't find how to do that?

iOS 7
Seperate text size modification is no longer available in Safari Reafer.
Use Settings.
Settings >General > Text Size

Content type hide on New button but keep enabled on Upload

I have several content types in my document libraries. There is one content type that I want to hide on the New button, but keep enabled in the Upload drop-down for content type.
How can I do this?
thanks!

Hi,
According to your post, my understanding is that you wanted to hide content type on New button but keep enabled on Upload.
There are two properties in SharePoint that affect the visibility of content types. These are:
Visible on New Button (can be set through the UI – List’s Settings – screenshot)
The Hidden property of the SPContentType object (can be set only through the object model)
There are some blog blogs thread for your reference:
Content type visibility in document libraries
Change content type order in NEW button of a SharePoint library
How to Hide Default Content Type from "New" menu
Best Regards,
Linda Li
Linda Li
TechNet Community Support

I have Java enabled in options -content but Microsoft help and community sites do not recognize this

when I try to search Microsoft Help and click on a link, I get redirected to a page which tells me that my browser cannot accept stuff and I need to turn on Java. But under firefox - tools - options - content the box for Enable Java has a tick in it

That isn't for '''''Java''''', that preference is for '''JavaScript'''.
Type '''about:plugins''' in the address bar and hit Enter. <br />
Does '''Java''' appear in that window?
You can also look in Tools > Addons > Plugins and see if Java is listed there AND see if it is enabled.

Hello! Is there a way to create a shortcut that toggles on/off the checkbox "Allow pages to choose their own colors, instead of my selections above" located in Tools/Options/Content/Colors? I have to change this setting many times and need to speed it up.

I have looked for add-ons that could automate this configuration change, but to no avail. Only web page actions can be recorded in a macro, but no configuration changes.
A shortcut to get to the appropriate dialog box would help as well. I could manually tick/untick the box while saving all the several steps needed to get there. But I have not found it anywhere.
Thank you very much for any help you can provide me.
Best regards,
Alex

Hi, I want to drop a note to say thank you, cor-el. Your answer was better and faster than I could have expected. It not only solved my problem, but also opened new possibilities for more quick configurations.
I am now obliged to follow your example and join this wonderful community of volunteers that help others to enjoy this fantastic browser.
Best Regards!
Alex

How do I change header/footer print options for font, font size, and color?

I know how to change the text for web page print of footers/headers. I can see no option to change font, font color, or font size (such as available on IE). I want to change the font, font color and font size of the footer/header when I print a web page. I read the FAQs, found nothing that seems to fit. Can you assist? or is this option available on Mozilla. I have the latest/greatest version (set to auto update).

OK, my question was about how to change font/color in headers/footers... This suggestion changes the font/color in the text, but NOT in the footers, unless I want everything in the same font/color. I need footers/headers in RED BOLD. I can do this on IE, but there does not seem to be an option for Mozilla.

How to change background colour of opening FF "splash"/page?

I've a black background opening FF page (national US wx satellite map) & want the background as white, not black.

Maybe check the default colors:
*Tools > Options > Content : Fonts & Colors > Colors : [X] "Allow pages to choose their own colors, instead of my selections above"
See also:
*http://kb.mozillazine.org/Website_colors_are_wrong

Problems with JPEG colors with MP Navigator EX 2.0 and Canon Pixma MP980

Hi,
I'm scanning my huge old slide connection with a Canon Pixma MP980. I use MP Navigator EX 2.0 with wireless connection to the MP and use the "Open Scanner Driver" option to be able to fine-tune picture quality. I've experimented with different settings, and have scanned a lot of slides with the color profile option where colors are automatically matched to my (tuned) screen profile. But sometimes I end up with far too saturated JPEGs, and I can't understand what I'm doing wrong. The strange thing is that the images look good in the preview, and they also look good if I save them as TIFFs. I really want to avoid the TIFFs, though, they don't give me any more dynamic range than the JPEGs and are 10x the size.
Does anyone have an idea what setting I might have gotten wrong in the setup? Or if this could be a incompatibility with recent Quicktime updates, since it used to work fine for a while?

Not much response here, but I finally found the solution myself: By setting the Color Preferences to "Color Matching, the source to my scanner, and - this is the important part - the target to the standard sRGB color profile, I get pretty good results.

Clarifying relationship between business content objects in R3 and BW

Hi,
On R3 in SBIW, under Organizational Management, there were 3 datacources:
0HR_PA_2
0HR_PA_3
0HR_PA_OS_1
1
In BW, under Organizational Management, in the attempt to replicate the datasources, I found these same 3 datasources already there.
So, initially when BW was configured for the first time, did these 3 exist exactly the same as in R3 or their existence implies that someone has already performed the data transfer process in SBIW (in R3) before these 3 data sources in R3 appeared in BW?
2.
Now, in BW, in rsa1, Business Contents, Infoproviders, under Organizational Management, in the attempt to activate the datasource, I notice that the technical name for Organizational management is 0PAOS instead of 0PA_OS in R3; and the datasources available under 0PAOS are different:
0PA_DS02
0PA_DS03
0PAOS_C01
a) Shouldnt I have see the same datasources that I replicated under BW/Business Contents for activation? The descriptions seem to be the same though.
b) Again, were these 3 (0PA) there after the initial BW configuration or someone went through a process in BW to bring them from R3 down here?
c) Will activating these implies activation of the 0HR_ . Datasources, although they are with different technical names?
Thanks

Hi,
Based on your last mail, I now followed: Business Content, InfoSources by Application Component, Personnel Management Organizational Management then Organizational Management Master Data which now shows
0HR_PA_2
0HR_PA_3
0HR_PA_OS_1
which I was looking for. So you are right, I was looking at the wrong place. But see the instructions that I was following from SAP, it pointed me to Business Content then Data Target and that is why I chose the InfoProvider areas.
By the way this was the instructions I was following:
Activate the Structural Authorizations ODS data targets 0PA_DS02 via Business Content Activation function. (Admin Workbench -> Business Content -> Data Target -> Human Resources ->Organizational Management -> drag 0PA_DS02 to the right pane. Use Data Flow before and after option under the Grouping Icon and Install in batch on the right pane of your screen.
2. Any comment on this part of my question?
Since this is IDES, I want to remove all the datasources under Organizational Management in BW and start it afresh from R3 and get it into BW. What is the best way to remove them?
Thanks

Cant change color on visited sites without changing background /foreground colors that hide options on the sitec

I want to change the color of visited sites, but am forced to set background and foreground colors which don't properly
show all of the colors for controls etc on many websites.
I have to uncheck the button to Allow pages to choose their own colors....
Google is a good example after doing a search, then change visited sites color, uncheck the allow pages button and then you can't see the search button and most of the options in the top right corner in google.
I am a little color blind, so can't differentiate blue and purple for links on visited sites...
thx

I think the problem is that many sites use background colors to create buttons, so you lose that when you override the page's colors.
Maybe you could use an add-on to fine-tune colors instead of Firefox's all-or-nothing setting. I found a couple extensions that say they can change page colors, but I haven't tried them myself:
* [https://addons.mozilla.org/firefox/addon/color-that-site/ Color That Site!]
* [https://addons.mozilla.org/firefox/addon/colorific-1/ Colorific]
* [https://addons.mozilla.org/firefox/addon/toggledocumentcolors-198916/ ToggleDocumentColors_]
* [https://addons.mozilla.org/firefox/addon/color-toggle/ Color toggle]
For a truly custom approach to link colors, there are two general purpose ways to apply your own style rules to specific sites: the Stylish extension and a userContent.css files. You would need to set a preferred text ''and'' background color for visited and unvisited links so that you are guaranteed to be able to read the text.
Hope one of these fits the bill!

Flex 4 lacks the default-background-color compiler option?

Hello,
started converting my Flex 3 applications to Flex 4 and noticed that Flex 4 lacks the default-background-color compiler option.
Flex 3 has it: http://livedocs.adobe.com/flex/3/html/help.html?content=compilers_14.html
Flex 4 doesn't: http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7a92.html
This raises a question: how am I supposed to keep my background from flashing from grey to white when the RIA is loaded? Is it possible to use preloader with background set to whatever color I like to see? Any easier solutions?
Best regards,
Jukka

This works for me:
@namespace mx "library://ns.adobe.com/flex/mx";
mx|Application{
background-color:#ffffff;
Of course if you have changed the Application element to spark equivalent, you have to change the namespace.
Regards,
Jukka

Trouble changing background color. Using Dreamweaver CS4

I can't get to change the back ground color [The greenish grey color] , within a table, of a web page... Please see http://www.urefillit.com/index2.html Can use some help here... Also I notice that the foliage background is slow in loading... Any suggestions as to what is causing the loading delay?
Thanks in advance!!!!!
Using CS4.........The Code is as follows:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta name="msvalidate.01" content="F33B6715B987C15F0176AAFDA87BE459" />
<meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org" />
<title>Urefillit manufactures and markets Octenol, Asian Tiger lure, and Kaboom replacement type products</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Description" content="We are focused on providing high-quality products and a commitment to customer satisfaction - We will do everything we can to meet your expectations for the best priced and highest quality mosquito control and Kaboom replacement type products available on the market today" />
<meta name="Keywords" content="Octenol, Lure, Asian Tiger mosquito lure, Kaboom refills, mosquito magnet mosquito killing machine" />
<meta name="Robots" content="index, follow" />
<style type="text/css">
/*<![CDATA[*/
body {
        background-image: url(images/SambucusBlackLaceFoliage.jpg);
        background-color: #FFCC66;
body.c7 {background-attachment:fixed}
div.c6 {text-align: center}
p.c5 {font-family: Arial; font-size: 70%; text-align: center}
span.c4 {font-family: Arial; font-size: 70%}
span.c3 {font-family: Courier}
p.c2 {text-align: center}
span.c1 {font-family: Courier; font-size: 120%}
/*]]>*/
.c7 table tr .c11 {
        background-color: #F60;
        font-size: 18px;
tr .c11 table tr td p {
        font-family: "Times New Roman", Times, serif;
        font-size: 16pt;
.c7 table tr .c11 table tr td p {
        font-family: "Times New Roman", Times, serif;
        font-size: x-large;
.c7 table tr .c11 table tr td p {
        font-family: "Times New Roman", Times, serif;
        font-size: 16pt;
.c7 table tr .c11 #table2 tr th {
        background-color: #0F6;
/*]]>*/
</style>
<script src="file:///C|/Scripts/swfobject_modified.js" type="text/javascript">
</script>
<style type="text/css">
/*<![CDATA[*/
table.c16 {background-color: #FFD9B3}
p.c15 {text-autospace:none;}
th.c14 {background-color: #00FF99}
td.c13 {background-color: #00FF99}
th.c12 {background-color: #FF6666}
h2.c11 {font-size: 120%}
span.c10 {font-size: 150%}
span.c9 {text-decoration: underline}
div.c8 {font-size: 70%; text-align: right}
td.c7 {background-color: #003399}
p.c6 {text-decoration: underline}
table.c5 {background-color: #FFCC66}
td.c4 {background-color: #FFFFFF}
div.c3 {text-align: center}
table.c2 {
        background-color: #0F6;
        font-size: 18px;
th.c1 {background-color: #FFFFFF}
.c7 table tr th .c7 {
        color: #008040;
.c7 table tr th .c7 strong {
        color: #000;
.c7 table tr th .c7 {
        color: #000;
.c7 table tr th .c1 strong {
        color: #008000;
/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
body {
        background-color: #FFCC33;
th.c1 {background-color: #FFCC66}
/*]]>*/
th.c11 {background-color: #FFFFFF}
th.c11 {
        background-color: #F93;
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        visibility: visible;
        width: auto;
.c7 table tr .c11 #table2 tr th .c2 a .c3 strong {
        color: #00F;
.c7 table tr .c11 #table2 tr td a {
        color: #00F;
.c7 table tr .c11 #table2 tr td a {
        color: #00F;
.c7 table tr .c11 #table2 tr td p a {
        color: #00F;
.BLUE { color: #00F;
.BLUE { color: #00F;
.blue { color: #00F;
.blue { color: #00F;
p.c1 {text-align: center}
p.c13 {font-size: 80%; text-align: center}
p.c71 {margin-right:0in;
margin-left:0in;
font-size:9.5pt;
font-family:"Comic Sans MS";
color:#000040;
span.c101 {font-size: 80%}
span.c12 {font-family: Courier New, Courier, monospace}
span.c6 {font-family: Arial}
</style>
<style type="text/css">
/*<![CDATA[*/
img.c16 {border:0;width:88px;height:31px}
span.c15 {font-size: 120%}
div.c14 {color: #FFFFFF; font-size: 150%; text-align: center}
span.c13 {font-size:18.0pt; color:#B90D09;}
strong.c12 {text-decoration: underline}
span.c11 {font-family:'Comic Sans MS'; color:red;}
em.c10 {text-decoration: underline}
span.c9 {color:red;}
table.c8 {background-color: #006600}
td.c7 {background-color: #006600}
span.c6 {font-size: 150%; text-decoration: underline}
p.c5 {text-decoration: underline}
p.c4 {text-align: center; text-decoration: underline}
p.c3 {text-align: center}
span.c2 {text-decoration: underline}
div.c1 {text-align: center}
/*]]>*/
.c7 table tr .c11 #table2 tr td p {
        color: #00F;
.eight {
        color: #F00;
</style>
<style type="text/css">
/*<![CDATA[*/

/*]]>*/
</style>
<style type="text/css">
/*<![CDATA[*/
table.c11 {background-color: #0033FF}
th.c10 {background-color: #8D8D5E}
span.c9 {font-family:'Times New Roman','serif'; font-size:18pt;}
p.c8 {line-height: normal; margin-bottom: .0001pt; text-align: center}
p.c7 {; font-family: 'Times New Roman', 'serif'; font-size: 14pt; text-align: center}
p.c6 {; font-family: 'Times New Roman', 'serif'; color: #00F; font-size: 18pt; font-style: italic; text-align: center}
span.c5 {font-style: italic}
span.c4 {line-height:115%; font-family:'Times New Roman','serif'; font-size:16.0pt;}
p.c3 {text-align: center}
strong.c2 {text-decoration: underline}
th.c1 {background-color: #FFFFFF}
/*]]>*/
</style>
</head>
<body>
<![CDATA[*/
&amp;lt;!--
#Layer1 {position:absolute;
        width:110px;
        height:34px;
        z-index:1;
        left: 430px;
        top: 1116px;
        visibility: visible;}
#Layer2 {position:absolute;
        width:170px;
        height:33px;
        z-index:1;
        left: 536px;
        top: 652px;}
p.c7 {color: #000000; font-family: Arial; font-size: 80%}
--&amp;gt;
/*]]>
*/ <script src="file:///C|/Scripts/AC_RunActiveContent.js" type="text/javascript">
</script>
<table class="c11" width="1250" border="15" align="center" cellpadding="5">
<tr>
<th width="888" height="2254" align="center" valign="top" class="c11 c10" scope="col">
<p><br />
<img src="images/webpagepicture.jpg" alt="WEB PAGE HEADER" width="1267" height="212" border="6" align="middle" /><br /></p>
<table width="1188" border="6" align="center" class="c2" id="table2">
<tr>
<th width="143" scope="col">
<p><a href="OctenolLure.html">Octenol Lure</a></p>
</th>
<th width="145" scope="col"><a href="FlowtronTypeLure.html">FlowtronTypeLure</a></th>
<th width="145" scope="col">
<p><a href="AsianTiger.html"></a><a href="AsianTiger.html">Asian Tiger Lure</a></p>
</th>
<th width="146" scope="col"><a href="Combolure.html">Combo Lure</a><br />
(Octenol & Lactic Acid)</th>
<th width="146" scope="col">
<p><a href="SkeeterVacLure.html">SkeeterVac Lure</a></p>
</th>
<th width="145" scope="col">
<p class="c2"><a href="mosquitomagnettroubleshootingguide.html">Mosquito Magnet</a></p>
<p class="c2"><a href="mosquitomagnettroubleshootingguide.html">Repair Guide</a></p>
</th>
<td width="145" align="center" valign="middle" scope="col"><a href="Kaboom.html">Kaboom</a><a href="/Kaboom.html">Replacement Tablets</a></td>
<th width="111" height="104" align="center" valign="middle" scope="col"><a href="https://www.paypal.com/us/verified/pal=sales%40urefillit%2ecom" target="_blank"><img src="https://www.paypal.com/en_US/i/icon/verification_seal.gif" alt="Official PayPal Seal" width="98" height="108" border="0" align="top" /></a><br />
<br /></th>
</tr>
</table>
<br />
<table width="282" border="20" align="center" cellpadding="0">
<tr>
<th class="c1" width="128" scope="col"><img src="images/flying%20mosquito.gif" alt="** PLEASE DESCRIBE THIS IMAGE **" width="97" height="75" /></th>
<th class="c1" width="104" scope="col"><a href="#" onClick="window.open('https://www.sitelock.com/verify.php?site=www.urefillit.com','SiteLock','width=600,height=6 00,left=160,top=170');"><img src="//shield.sitelock.com/shield/www.urefillit.com" alt="website security" align="absmiddle" title="SiteLock" /></a></th>
</tr>
</table>
<p>



======================================================================================</p >
<table width="1002" border="0" align="center">
<tr>
<td width="996">
<p class="c3"><strong class="c2">All About Urefillit, LLC</strong></p>
<p class="c3"><span class="c4">Urefillit, LLC prides itself on quality and consistency of its fine products, which are designed, made and manufactured in the USA. From production to quality control to final shipment, our highly trained team ensures the best quality, and reliable service for our customers. We are focused on providing high-quality products along with a commitment to customer satisfaction. We will do everything we can to meet your expectations for the best priced and highest quality mosquito lures, Kaboom replacement tablets, and bromine tablets available on the market today. With a variety of offerings to choose from, we're sure you will be happy with your purchase. Thank you for visiting our website and if you have any comments or questions, please feel free to contact us. We hope to see you again soon!</span><br /></p>
<p class="c3"><img src="images/made_in_USA.jpg" width="221" height="228" alt="usa" /><br />
<br /></p>
<p class="c3">****************************************************************************** *************<br />
<br /></p>
<p class="c6">REFUND POLICY: <span class="c5">Our number one goal is your satisfaction. If our product does not perform as advertised you may return then unused item for a refund. A 25% restocking fee may apply. Buyer pays the return shipping costs. Special and international orders items DO NOT qualify for a refund.</span><br />
<br /></p>
<p class="c7"><img src="images/ebay-top-rated-seller-tracking.jpg" width="230" height="158" alt="** PLEASE DESCRIBE THIS IMAGE **" /><a href="http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback2&userid=fjp800&ftab=Feedbac kAsSeller"><br />
Check Out Our E-Bay Feedback</a></p>
<p class="c7"><br />
****************************************************************************************** ********************<br /></p>
</td>
</tr>
</table>
<table width="1002" border="0" align="center">
<tr>
<td width="996">
<p class="c3"><strong class="c2">Using Octenol to Attract Mosquitoes<br /></strong><br /></p>
<p class="c3">Octenol is an natural chemical that occurs naturally as a by-product of plants and some animals that eat a lot of vegetable produce. If carbon dioxide is mixed with octenol, it has been found to be an attractant to several mosquito species. There are other insects such as no-see-ums and biting midges that are also attracted to this scent. It has been proven to be a very effective product, especially for no-see-ums.<br />
<br />
<img src="images/12137165-cartoon-stop-mosquito.jpg" width="168" height="168" alt="mosquito" /><br />
<br />
Octenol is also a pesticide ingredient that is used to attract mosquitoes and biting flies. It does not kill the insects; it only attracts them. It can be used in combination with other products and devices that do kill them once they are successfully attracted to the device. It is important to be aware that non-pest insects are also attracted and destroyed by some of the devices.<br />
<br />
If octenol is ingested, there is a possibility for toxicity. It is not, however, harmful in the air to humans, pets, or the environment. It is vitally important that it is kept safely away from children to avoid the possibility of ingesting. Placement of the attractant and device utilized to catch biting insects should be carefully considered. It should be kept safely away from children and pets.<br /></p>
<p class="c3">To be most effective in mosquito control, the attractant should be placed between the breeding grounds of the mosquito and the area where the people are located. There are range limits that the attractant will reach and this needs to be considered in the placement of the trap as well.<br /></p>
</td>
</tr>
</table>
<a href="http://www.startlogic.com/join/index.bml?AffID=626972&cid=592'"><br /></a> ==============================================================
<p><img src="images/americanatural_1875_97577.gif" width="234" height="118" alt="** PLEASE DESCRIBE THIS IMAGE **" /></p>
<p>Considering buying a mosquito trap? If so, compare the following traps before you make a purchase:</p>
<a href="http://www.bluerhino.com/BRWEB/Outdoor-Living-Products/Mosquito-Traps.aspx">SkeeterVac</a>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td align="center">
<div class="c3"><a href="http://www.mosquitomagnet.com/">Mosquito Magnet</a></div>
</td>
</tr>
</tbody>
</table>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td>
<div class="c3"><a href="http://www.megacatch.com/">Mega-Catch</a></div>
</td>
</tr>
</tbody>
</table>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td>
<div class="c3"><a href="http://koolatrononline.stores.yahoo.net/mosquito-control.html">Koolatron</a></div>
</td>
</tr>
</tbody>
</table>
<table class="c6" border="0" align="center">
<tbody>
<tr>
<td width="273">
<div class="c3"><a href="http://www.mosquitocontroltrap.com/comparisons">Mosquito Trap Comparison Chart</a></div>
</td>
</tr>
</tbody>
</table>
<p><br /></p>
<table width="126" border="20" align="center" cellpadding="0">
<tr>
<th class="c1" scope="col"><a href="mailto:[email protected]">E-mail Urefillit</a></th>
</tr>
</table>
<br />
<p class="c8"> </p>
<p class="c8"><span class="c9">Urefillit, LLC<br />
800 Shore Drive East<br />
Oldsmar, Florida 34677-4402</span></p>
<p class="c8"> </p>
<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a><br /></p>
<p> </p>
</th>
</tr>
</table>
<script type="text/javascript">
//<![CDATA[

//]]>
</script>
</body>
</html>

Copy & Paste this code into a new, blank document. SaveAs index3.html. Feel free to adjust CSS colors and backgrounds as desired.   You'll find plenty of code comments to help you.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>U Refill It</title>
<meta name="description" content="Your source for mosquito magnet and mosquito killing machine replacement products: Octenol, Asian Tiger lure and Kaboom">



<style>
/**CSS Reset**/
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
img {
    vertical-align: baseline;
    display: block;
    max-width: 100%
/**layout**/
body {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
    /**CSS gradient**/
/* Old browsers */
    background: rgb(180,221,180);
    /* FF3.6+ */
    background: -moz-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
    /* Chrome,Safari4+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(180,221,180,1)), color-stop(17%, rgba(131,199,131,1)), color-stop(33%, rgba(82,177,82,1)), color-stop(67%, rgba(0,138,0,1)), color-stop(83%, rgba(0,87,0,1)), color-stop(100%, rgba(0,36,0,1)));
    /* Chrome10+,Safari5.1+ */
    background: -webkit-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
    /* IE10+ */
    background: -ms-linear-gradient(top, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
    /* good browsers */
    background: linear-gradient(to bottom, rgba(180,221,180,1) 0%, rgba(131,199,131,1) 17%, rgba(82,177,82,1) 33%, rgba(0,138,0,1) 67%, rgba(0,87,0,1) 83%, rgba(0,36,0,1) 100%);
/* older IE6-9 */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4ddb4', endColorstr='#002400', GradientType=0 );
#wrapper {
    width: 75%;
    margin: 0 auto; /**with width, this is centered**/
    background: #FFC;
    border: 4px groove #F30;
    border-radius: 20px;
header, footer {
    color: #F30;
    text-align: center;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
header img {
    border-radius: 15px 15px 0 0;
    width: 100%
/**top menu**/
nav {
    width: 90%;
    margin: 25px auto;
nav li {
    list-style: none;
    font-weight: bold;
    display: inline;
/**menu link styles**/
nav li a {
    display: inline-block;
    font-weight: bold;
    color: green;
    text-decoration: none;
    padding: 1.15em;
    border: 2px outset green;
/**menu links on mouse over**/
nav li a:hover, nav li a:active, nav li a:focus { background: gold }
/**main content**/
article { padding: 2% }
figure img {
    margin: 0 auto;
    border: 3px solid #FFF;
    border-radius: 10px;
    box-shadow: 1px 2px 5px #333;
/**typography**/
header h1 {
    font-size: 55px;
    text-shadow: 2px 3px 3px #666;
header h2 {
    font-size: 18px;
    font-style: oblique
h3 { margin-top: 20px; }
p {
    margin-bottom: 18px;
    font-size: 18px;
    color: #000;
figcaption {
    text-align: center;
    font-style: oblique;
    margin-bottom: 18px;
</style>
</head>
<body>
<div id="wrapper">
<header>
<img src="http://www.urefillit.com/images/webpagepicture.jpg" alt="U Refill It banner">

<h1>U Refill It</h1>
<h2>Your source for mosquito magnet and mosquito killing machine replacement products: Octenol, Asian Tiger lure and Kaboom.</h2>
</header>

<nav>
<ul>
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu3</a></li>
<li><a href="#">Menu4</a></li>
<li><a href="#">Menu5</a></li>
<li><a href="#">Menu6</a></li>
</ul>
</nav>

<article>
<h3>Article Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<figure>

<img src="http://placehold.it/500x325" alt="figure">
<figcaption> Figure Caption </figcaption>
</figure>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. Pellentesque aliquet aliquet ligula, et sagittis justo auctor varius. Quisque varius scelerisque nunc eget rhoncus. Aenean tristique enim ut ante dignissim. </p>
</article>

<footer>
<small>© 2014 Your Site Name. All Rights Reserved</small> </footer>
 </div>
</body>
</html>
Nancy O.

Changing background color in 'options'-content- colors hides icons and buttons at various sites

Similar Messages

Maybe you are looking for