Jpg background color is inverted to black in Supporting Document print page
In Packaging spec, print page, background of some of the the jpgs in supporting documents are inverted to black. we had similar issue happened to WMF, we were instructed by Oracle to use jpg since WMF is not among the supported format. but now jpg is having the same issue. any suggestions?
Hi,
Are these images transparent by any chance?
Dmitriy
Similar Messages
-
Is it possible to specify the background color of a linked jpg?
I am linking directly to a jpg on my site and I think would like to keep it that way for sake of simplicity. The link looks something like this:
http://my-domain.com/jpg-name.jpg
I am getting the default color of the browser, but am hoping I can manipulate that color somehow.
Thanks,
BrianI'm not exactly sure what you are asking. You want the page's background color to be determined by the colors used in the JPG? Which colors? You might try something like this:
http://www.phpclasses.org/package/5577-PHP-Get-the-most-used-colors-in-an-image.html -
Undefined black line vertically on printed page
A narrow undefined line appears about two inches from the left edge of a page (and not totally consistent in how dark it is. Very faint if no print on the page. The more text the more noticable it appears.
Additionally -- if there is heavy toner in that area it appears to remove the toner leaving a white but dirty narrow line. But if it's just regular printed text it does *not* score thru a letter, it just appears as this dirty line in the background.
It's not the cartridge. Can't see anything inside the printer that looks likely.Hello sam_k, welcome to the forums
I understand you are noticing a black line. Please let me know some more information and I will certainly look into this for you!
1. Which Operating System you are running:
Which Windows Operating System am I running?
Mac OS X: How Do I Find Which Mac OS X Version Is on My Computer?
2. What is your printers Model Number:
How Do I Find My Model Number?
3. Do you noticed the black line when you print, scan, copy, or fax?
4. How is your printer connected to your PC? Ethernet, wireless or USB?
In the meantime, try Resetting the Printer and plug the printer in directly to the wall outlet, avoiding power bars and surge protectors. This ensures the printer is receiving full power and may help this situation.
Thank you! Have a great day
R a i n b o w 7000I work on behalf of HP
Click the “Kudos Thumbs Up" at the bottom of this post to say
“Thanks” for helping!
Click “Accept as Solution” if you feel my post solved your issue, it will help others find the solution! -
How can i change the background color in the heading when i add a new page
How can I change the background in the heading on a new page? When you add WELCOME page the heading color is tan, the ABOUT ME page the heading is light blue, the PHOTOS page the heading block behind the heading text is light green, etc. How do I change those colors?
you can change iweb navbar any which way you want, as long as you know iweb widgets:
http://iwebwidgets.cyclosaurus.com/iWebNavBar/BkgndColor.html
you won't see the change in iweb, you only see it in published site. -
How do i change the background color from black to blue on architectural drawing?
I inverted the background color from white to black, and the black lines from black to white using the Invert tool under Adjustments. But now I want to change the black color to blue to give it a more vintage "blueprint" look. I'm using CS4.
There are often many ways to do things, and c.pfaffenbichler's suggestion above is good.
However, as I'm very fond of Curves, I'd use Image - Adjust - Curves (or Layer - New Adjustment Layer - Curves) myself, and pull the black point of the blue curve up.
-Noel -
My white Background color changes to BLACK
Hi...
If I open a PDF document the background color is set to black instead of white...
if you'd like to see an example:
http://www.yoursmartdesign.de/extern/acrobat.jpg
any suggestions...?
My specs:
Acrobat CS3
Vista Ultimate x64
Q6600 Quad core
4 GB Rammmhh... ok... thank you... now it works. But why do I have to replace the document color... Is it a bug or something like that or what is it?
I'm just waiting for a document where the backgroundcolor should be yellow and the text blue (just an example)... Will it then change it to b&w. That just couldn't be the solution... -
How can I change the background of a running webpage on my own. Example Facebook I want to change its background color from white to black just in my view, not for all. Cause I really hate some site with white background because as I read for an hour it aches my eyes but not on those with darker background color.
You can use the NoSquint extension to set font sizes (text/page zoom) and text colors on web pages.
*NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/ -
Printing AnyGantt creates black background color
I use a customized AnyGantt chart. When I try to print it on a page A3 I get a mean issue with the background color. It becomes black. The Chart itself looks good.
When I try the same with examples from AnyChart.com the no black background appears. I don't see a difference.
The black background occurs with my PDF Creator, my real printer and if I save it as a picture.
Example application: http://apex.oracle.com/pls/apex/f?p=ANYGANTT_PROBLEM:1
If you add my source code as XML data you should see a nice Gantt diagram with damn printing problems!
Here is my source code:
<?xml version = "1.0" encoding="UTF-8" standalone = "yes"?>
<anygantt>
<settings>
<print mode="SinglePage">
<margin left="10" top="80" bottom="20" right="10" />
</print>
<navigation enabled="True" position="Top" size="30">
<buttons collapse_expand_button="false" align="Far"/>
<text>AU 2011</text>
<font face="Verdana" size="10" bold="true" color="White"/>
<background>
<fill type="Gradient">
<gradient>
<key color="#B0B0B0" position="0"/>
<key color="#A0A0A0" position="0.3"/>
<key color="#999999" position="0.5"/>
<key color="#A0A0A0" position="0.7"/>
<key color="#B0B0B0" position="1"/>
</gradient>
</fill>
<border type="Solid" color="#494949"/>
</background>
</navigation>
</settings>
<styles>
<defaults>
<period>
<period_style>
<tooltip>
<text>
Description: {%activity}
Time: {%start} - {%end}
</text>
</tooltip>
</period_style>
</period>
</defaults>
<period_styles>
<period_style name="1"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#64b1db"></fill><border enabled="true" color="#4983a3"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="2"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#eaac85"></fill><border enabled="true" color="#c4896f"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="5"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#337d1c"></fill><border enabled="true" color="#1a3e0e"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="6"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#56d7bf"></fill><border enabled="true" color="#49a386"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="7"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#ef9c34"></fill><border enabled="true" color="#a05f0d"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="8"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#d043c3"></fill><border enabled="true" color="#7e2075"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="9"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#cccd18"></fill><border enabled="true" color="#767713"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="10"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#87aa22"></fill><border enabled="true" color="#617a1a"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
<period_style name="11"><bar_style><middle shape="Full"><fill enabled="true" type="Solid" color="#124c87"></fill><border enabled="true" color="#0d3a68"></border></middle><labels><label anchor="Center" valign="Center" halign="Center"><text>{%anzeige_text}</text><font face="Verdana" size="11" bold="false" color="Black"></font></label></labels></bar_style></period_style>
</period_styles>
</styles>
<timeline>
<plot line_height="50" item_height="44" item_padding="3"/>
<scale start="2011.2.1" end="2012.2.1" >
<patterns>
<years>
<pattern>%yyyy</pattern>
</years>
<months>
<pattern>%MMMM</pattern>
<pattern is_lower="true">%MMMM</pattern>
</months>
<weeks>
<pattern>KW %e</pattern>
<pattern is_lower="true">KW %e</pattern>
</weeks>
<days>
<pattern>%dd</pattern>
<pattern is_lower="true">%dd</pattern>
</days>
</patterns>
<zoom>
<maximum date_unit="Month" pixels="180" />
</zoom>
</scale>
</timeline>
<datagrid enabled="true" width="180">
<columns>
<column width="180" cell_align="Left">
<header><text>Categories</text></header>
<format>{%Name}</format>
</column>
</columns>
</datagrid>
<resource_chart>
<resources>
<resource name="AA" id="102"><attributes><attribute name="code">Das Test Test Test Test für Test Test Test im Jahr</attribute></attributes></resource>
<resource name="BB WP" id="103"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="CC SP" id="104"><attributes><attribute name="code">Test SP</attribute></attributes></resource>
<resource name="DD" id="105"><attributes><attribute name="code">Test</attribute></attributes></resource>
<resource name="EE" id="106"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="FF" id="107"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="GG" id="108"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="HH" id="109"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="II" id="110"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="MM" id="111"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="NN" id="112"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="KK" id="113"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="RR" id="114"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="TT / PR" id="115"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="SS" id="116"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="XX" id="117"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="ZZ" id="118"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="QQ" id="119"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="Test (1)" id="120"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="Test (2)" id="121"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="Test (3)" id="122"><attributes><attribute name="code"></attribute></attributes></resource>
<resource name="Test (4)" id="123"><attributes><attribute name="code"></attribute></attributes></resource>
</resources>
<periods>
<period resource_id="104" name="112" start="2012.1.30" end="2012.2.26" style="8"><attributes><attribute name="activity">asdsadasdsad</attribute><attribute name="anzeige_text">666666</attribute></attributes></period>
<period resource_id="106" name="118" start="2011.2.18" end="2011.3.9" style="1"><attributes><attribute name="activity">asdfasdfsadf </attribute><attribute name="anzeige_text">234324324234</attribute></attributes></period>
<period resource_id="105" name="117" start="2011.4.18" end="2011.4.9" style="1"><attributes><attribute name="activity">asdfasdfasdf -</attribute><attribute name="anzeige_text">345435435</attribute></attributes></period>
<period resource_id="107" name="120" start="2011.1.18" end="2011.2.9" style="1"><attributes><attribute name="activity">adfasdfsdaf</attribute><attribute name="anzeige_text">4534535435</attribute></attributes></period>
<period resource_id="104" name="111" start="2011.2.28" end="2011.8.28" style="2"><attributes><attribute name="activity">afesdfsf</attribute><attribute name="anzeige_text">G33333t</attribute></attributes></period>
<period resource_id="104" name="110" start="2011.1.31" end="2011.2.27" style="7"><attributes><attribute name="activity">Vadfsdfsdf</attribute><attribute name="anzeige_text">1111222</attribute></attributes></period>
<period resource_id="105" name="114" start="2011.1.3" end="2011.1.17" style="9"><attributes><attribute name="activity">adsfsdf</attribute><attribute name="anzeige_text">9999</attribute></attributes></period>
<period resource_id="109" name="121" start="2011.1.3" end="2011.1.17" style="1"><attributes><attribute name="activity">adfsfddsafe_text">99997777</attribute></attributes></period>
<period resource_id="108" name="116" start="2011.1.3" end="2011.1.17" style="9"><attributes><attribute name="activity">aedsfasdf </attribute><attribute name="anzeige_text">9999</attribute></attributes></period>
<period resource_id="106" name="115" start="2011.1.3" end="2011.1.17" style="9"><attributes><attribute name="activity">adfsf </attribute><attribute name="anzeige_text">*1231237,95 €</attribute></attributes></period>
<period resource_id="105" name="119" start="2011.2.10" end="2011.3.6" style="1"><attributes><attribute name="activity">999 - 06.03</attribute></attributes></period>
<period resource_id="102" name="106" start="2011.6.15" end="2011.8.29" style="1"><attributes><attribute name="activity">Soasdfasdfext">Sommerlaune</attribute></attributes></period>
<period resource_id="102" name="113" start="2011.8.30" end="2011.12.23" style="2"><attributes><attribute name="activity">Eiasdasdttribute</attribute><attribute name="anzeige_text">888888</attribute></attributes></period>
<period resource_id="102" name="105" start="2011.3.30" end="2011.6.14" style="2"><attributes><attribute name="activity">FamasdsadW 23</attribute><attribute name="anzeige_text">88 +77</attribute></attributes></period>
<period resource_id="115" name="125" start="2011.5.30" end="2011.7.14" style="11"><attributes><attribute name="activity">Familsdasdofrost* - </attribute><attribute name="anzeige_text">999</attribute></attributes></period>
<period resource_id="103" name="108" start="2011.8.1" end="2011.8.28" style="6"><attributes><attribute name="activity">Verasdasdung WP</attribute><attribute name="anzeige_text">333</attribute></attributes></period>
<period resource_id="103" name="109" start="2011.8.29" end="2012.3.4" style="5"><attributes><attribute name="activity">Güsdsadkeit</attribute><attribute name="anzeige_text">11133</attribute></attributes></period>
<period resource_id="109" name="122" start="2011.10.7" end="2011.12.29" style="8"><attributes><attribute name="activity">Osasdasdkte - </attribute><attribute name="anzeige_text">111</attribute></attributes></period>
<period resource_id="115" name="124" start="2011.1.18" end="2011.3.29" style="10"><attributes><attribute name="activity">Leicasdasdnährung - </attribute><attribute name="anzeige_text">234324</attribute></attributes></period>
<period resource_id="102" name="104" start="2011.1.18" end="2011.3.29" style="1"><attributes><attribute name="activity">ssa in den asfasfen FrühlsfsafKW 12</attribute><attribute name="anzeige_text">2222</attribute></attributes></period>
<period resource_id="112" name="123" start="2011.1.18" end="2011.3.29" style="2"><attributes><attribute name="activity">soasfosfasfthlon - </attribute><attribute name="anzeige_text">9999</attribute></attributes></period>
<period resource_id="103" name="107" start="2011.1.3" end="2011.2.27" style="5"><attributes><attribute name="activity">Gülasdfrteilung - Gasfasf Vasdeilung</attribute><attribute name="anzeige_text">123123</attribute></attributes></period>
</periods>
</resource_chart>
</anygantt>Edited by: Tobias Arnhold on Feb 3, 2011 11:28 AMFor your information. I opened a ticket by AnyChart:
Hi AnyChart-team!
I have a huge problem with printing an AnyGantt chart.
The description of problem:
When I use the following syntax in my style section:
<styles>
<period_styles>
<period_style name="p1">
<bar_style>
<labels>
<label>
<text>{%start}</text>
<font color="Black" />
</label>
</labels>
<middle shape="Full">
<fill enabled="true" type="Solid" color="DarkSeaGreen" />
<border enabled="true" color="#656565" />
</middle>
</bar_style>
</period_style>
</period_styles>
</styles>The print output crashes with the effect that some shapes are not visible anymore. If I use no Label styles then it works:
<styles>
<period_styles>
<period_style name="p1">
<bar_style>
<middle shape="Full">
<fill enabled="true" type="Solid" color="DarkSeaGreen" />
<border enabled="true" color="#656565" />
</middle>
</bar_style>
</period_style>
</period_styles>
</styles>I came along another issue with an old Flash Player version and tried the newest one: 10,1,102,64
Then this issue came up. In the older version: 10,8,84 it worked without any issues.
The PDF: Flash.pdf shows the problem.
I do not understand the black background color inside the PDF either?
XML file with all settings that cause the problem: Example from http://www.anychart.com/products/anygantt/docs/users-guide/index.html (Visual Settings)
<anygantt>
<styles>
<period_styles>
<period_style name="p1">
<bar_style>
<labels>
<label>
<text>{%start}</text>
<font color="Black" />
</label>
</labels>
<middle shape="Full">
<fill enabled="true" type="Solid" color="DarkSeaGreen" />
<border enabled="true" color="#656565" />
</middle>
</bar_style>
</period_style>
</period_styles>
</styles>
<resource_chart>
<resources>
<resource id="res_1" name="Resource 1"/>
<resource id="res_2" name="Resource 2"/>
<resource id="res_3" name="Resource 3"/>
<resource id="res_4" name="Resource 4"/>
</resources>
<periods use_hand_cursor="false">
<period resource_id="res_1" start="2008.01.13" end="2008.04.25" style="p1"/>
<period resource_id="res_1" start="2008.06.01" end="2008.11.29" style="p1"/>
<period resource_id="res_2" start="2008.03.18" end="2008.08.14" style="p1"/>
<period resource_id="res_2" start="2008.09.10" end="2008.12.18" style="p1"/>
<period resource_id="res_3" start="2008.01.22" end="2008.04.29" style="p1"/>
<period resource_id="res_3" start="2008.06.03" end="2008.08.14" style="p1"/>
<period resource_id="res_3" start="2008.09.02" end="2008.12.07" style="p1"/>
<period resource_id="res_4" start="2008.02.27" end="2008.11.01" style="p1"/>
</periods>
</resource_chart>
<datagrid width="136">
<columns>
<column width="30">
<header>
<text>#</text>
</header>
<format>{%RowNum}</format>
</column>
<column attribute_name="Name" width="100">
<header>
<text>Resource</text>
</header>
<format>{%Name}</format>
</column>
</columns>
</datagrid>
<timeline>
<scale start="2008.01.01." end="2009.01.01"/>
<plot line_height="30" item_height="20" item_padding="5"/>
</timeline>
<settings>
<background enabled="false"/>
<navigation>
<buttons collapse_expand_button="false"/>
</navigation>
</settings>
</anygantt>
Version of product that you're using:
AnyGantt 4.1.0
Adobe Flash Player 10,1,102,64
Answer:
Tobias,
we are working on the several printing issues now and will be releasing a new version in a week or two, I hope this bug will be fixed too.
Have a good day,
AnyChart
Edited by: Tobias Arnhold on Feb 4, 2011 9:38 AM -
Changing VC HTML view background color to black
Hi,
I need to change the background color from white to black of Html view of Visual Composer. Please give me some idea to change.
Thanks in advanceUsed Javascript to handle.
-
Div background color not showing in Internet Explorer 8 and before
My Footer div is not showing the background color (supposed to be black...) in Internet Explorer 8 and earlier. It's assuming the body color instead. Also the border color on top of the 'bubbles' that run across the page is wrong (supposed to be blue) Is this just because Internet Explorer 8 and earlier did not support div background and border colors yet, or is there a work-around?? Or maybe I did something wrong?
The site is: www.meridianwaterfiltration.commartcol wrote:
I don't think that IE8 does rgba.
It should be OK with rgb but not rgba.
Martin
No its doesnt
I'd just use a hexidecimal color - black #000 and blue: #03f (see below)
.footer {
position: relative;
width: 100%;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 0;
background-image: none;
background-repeat: repeat-x;
margin-top: 0px;
clear: both;
height: 350px;
background-color: #000;
#bubble {
background-image: url(Images/water drop 0banner.jpg);
background-repeat: repeat-x;
width: 100%;
height: 43px;
border-top-width: 3px;
border-top-style: solid;
border-top-color: #03F;
margin: 0px;
padding: 0px;
background-color: #3FF; -
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[*/
<!--
p.MsoNormal {
margin-top:0in;
margin-right:0in;
margin-bottom:10.0pt;
margin-left:0in;
line-height:115%;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
.c7 table tr .c11 .c5 strong u span {
color: #008080;
.c7 table tr .c11 p u em {
color: #00F;
.c7 table tr .c11 p em u {
color: #00F;
.c7 table tr .c11 table tr td .c7.c6 .c10 {
font-family: "Courier New", Courier, monospace;
.c7 table tr .c11 table tr td .MsoNormal strong u span {
color: #00F;
.c7 table tr .c11 table tr td .MsoNormal strong u span {
font-family: "Times New Roman", Times, serif;
.c7 table tr .c11 table tr td p strong u {
font-family: "Times New Roman", Times, serif;
.c7 table tr .c11 table tr td p strong u {
font-family: "Times New Roman", Times, serif;
.c7 table tr .c11 table tr td p strong u {
font-size: 16px;
.c7 table tr .c11 table tr td p {
font-size: 10px;
.c7 table tr .c11 table tr td p {
font-size: 12px;
.c7 table tr .c11 table tr td p {
font-size: 12px;
.c7 table tr .c11 table tr td p {
font-size: 12px;
.c7 table tr .c11 table tr td .MsoNormal strong u span {
color: #000040;
.c7 table tr .c11 .c7 tbody tr th a {
color: #000;
.c7 table tr .c11 #table2 tr td a {
color: #000;
.c7 table tr .c11 #table2 tr th .c2 a {
color: #000;
font-size: 18px;
.c7 table tr .c11 #table2 tr th a {
color: #000;
font-size: 18px;
.c7 table tr .c11 p u strong font {
color: #B80738;
.c7 table tr .c11 p u strong {
color: #B80738;
.c7 table tr .c11 table tr td p strong u {
font-size: 24px;
.c7 table tr .c11 table tr td p {
font-size: 16pt;
.c7 table tr .c11 .MsoNormal span {
font-size: 24px;
.c7 table tr .c11 .MsoNormal span {
font-size: 24px;
.c7 table tr .c11 .MsoNormal span {
font-size: 24px;
.c7 table tr .c11 #table2 tr th {
font-size: 16px;
.c7 table tr .c11 #table2 tr th p a {
font-size: 18px;
.c7 table tr .c11 #table2 tr th p a {
font-size: 18px;
.c7 table tr .c11 #table2 tr th p a {
font-size: 18px;
.c7 table tr .c11 table tr td .MsoNormal a {
font-size: 18px;
.c7 table tr .c11 table tr td .MsoNormal a {
font-size: 24px;
.c7 table tr .c11 .MsoNormal span {
font-size: 24px;
.c7 table tr .c11 table tr th a {
font-size: 18pt;
-->
/*]]>*/
</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><!-- start RatePoint Site Seal - Please, do not change -->
<!-- end RatePoint Site Seal - Please, do not change -->
<!-- start RatePoint Subscription Tool - Please, do not change -->
<!-- end RatePoint Subscription Tool - Please, do not change -->
======================================================================================</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[
<!--
swfobject.registerObject("FlashID");
//-->
//]]>
</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">
<!--help for older IE browsers-->
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<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">
<!--this is very good for search engines-->
<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>
<!--top menu-->
<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>
<!--main content-->
<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>
<!--insert your image here-->
<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>
<!--begin footer-->
<footer>
<small>© 2014 Your Site Name. All Rights Reserved</small> </footer>
<!--end wrapper--> </div>
</body>
</html>
Nancy O. -
Spry vertical menu button shows background color instead of image in preview
Hello All, I'm a newbie (to the forum and Dreamweaver) so my apologies if my question is not in good form. I've searched for this issue but cannot seem to find the exact problem I have.
I've created a website (my first) and used the spry menu bar. It works well using the default blue and grey colors for button and hover. However, I decided I want to spruce it up a little and change the buttons to use a background image (rainbow pattern) instead of background color. I internet researched this for some time and watched all the youtube videos people have posted for this process and editing the spry vertical menu bar CSS. Using the .a and hover lines from the CSS, I was able to add my background .jpg image file. In the design view, the button look exactly how I want them to. However, when I attempt to preview in IE, Chrome, or FF, the buttons still have the default colors and no image. I've gone back and deleted the default blue and grey, but then the preview just shows dark grey and white for the buttoms. is there something that I am overlooking that would cause the background color to show instead of the image I have attached to the buttons. I can't figure out why it looks right in DW but not in preview.
BTW, I'm editing a template file and all the pages are updated with the new image buttons, but none of the pages show correctly in preview.
ThanksPoint taken :-)
This is my spry vertical css code. No sub-menus.
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 1px solid #CCC;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
font-weight: bold;
background-image: url(/Images/Rainbow_Button.jpg);
background-color: ;
background-repeat: no-repeat;
background-position: center;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #666666;
color: #333333;
background-image: url(/Images/Rainbow_Button_Hover.jpg);
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #0000FF;
color: #FFF; -
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!!
TextThis 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>
> -
Bridge CS4: Changing preview window's background color
How can I change the preview window's background color? (default is black) It happens that I have some black images with alpha (transparent background) and being all black they blend with the preview window's background color. can this be changed?? I looked everywhere and the only thing I found is how to change bridge's appearance, but not the preview window's bg color. Thanx in advance
Try changing the thumbnail style to HQ or ?, and see if that makes any difference. In Quick thumbs it may not display layers.
-
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">
<!--
body {
background-color: #000000;
-->
</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">
<!--
body {
background-color: #000000;
#maintable { background-color: #993300; }
-->
</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">
> <!--
> body {
> background-color: #000000;
> }
> -->
> </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>
>
>
Maybe you are looking for
-
SQL Report return No Data Found
I have a page with a SQL Report that runs a very complex query. If the returns are that nothing is found, I want to run some JavaScript. How can I determine the count of the result set or the capture the exception? Or is there another way without rer
-
I am trying to dynamically load the background image of an XControl facade using a 'LoadBackgroundImage.vi' that I have written. This SubVI has worked with a normal VIs panel before. It utilizes the 'Read PNG File.vi' from Labview to read in a transp
-
Target cost calculation in Process Order based on Variance Calculation
Hi all, I have a question on Target cost calculation in Process Order. My understanding is, the Target Costs gets calculated when the confirmation and GR is made for the Process Order. But if the confirmation/GR is not done, whether the target costs
-
Qosmio G40-108: starange display issue with highest resolution
I just got mine but on its highest resolution all webpages have these 11 semi-rectangular blocks, barely visible, only the bottoms, each about an inch long, is this normal and should i send it back to be investigated?
-
Deatil Help required on OVS and Sample code
Hi All, I am not able to understand the OVS(Object Value Selector) which is given in the help. If any one who worked on this, please give a sample source code or give detail help( Step by Step). Thanks Ravi