Background images in chrome live preview buggy

Hi there:
I noticed a bug in live preview where the background image would not render.
Has anyone else reported this?

Can you share the CSS & HTML code for a page that's having this problem?
- Peter

Similar Messages

Missing background images

Why does the image when inserted as a background image not
appear when
Previewing in browser... but images inserted as images do
appear..??
I dont get it. please respond.
Yanman

As I was preparing to put it up on the web for you too look
at the problem i
noticed that I had inserted the bg image twice over top of
each other once
in the bottom table and another time in an overluying table
and once I
deleted one it seems to work now...I guess the browser got
confused which to
show and it left it blank.. so thanks anyways.. Ive been
having that problem
alot and now I know why..
cool
Kevin
"Dooza" <[email protected]> wrote in message
news:felk8u$2cm$[email protected]..
> Kevin wrote:
>> Why does the image when inserted as a background
image not appear when
>> Previewing in browser... but images inserted as
images do appear..??
>>
>> I dont get it. please respond.
>>
>> Yanman
>>
>
> Can you show us your page?

Live preview is not launching the browser as set userAgent

I have set my chrome userAgent as ipad and if I close my chrome and re-opens it keep it as ipad but when I hit the live preview it is not setting as ipad because of that I am not able to see the page for ipad/mobile format. Since tools are hidden I can't switch the userAgent on chrome Live preview launch.

I'm not sure if Live Preview will work with a userAgent of iPad, but Edge Code CC uses a custom profile, so you'll need to also change any setting there. Try starting Live Preview, changing the settings, closing that instance of Chrome, and restarting Live Preview.
Also, you can get to Chrome Developer Tools using localhost:9235.
HTH,
Randy

Background image is not displaying in all views

I'm developing a site where in one particular page a background image displays in Live View, but not in IExplore. This image is used in other pages with no problem. In Browser Lab the page displays correctly in IE8, FF and Safari. Should I be concerned? The whole site isn't working in IE6 & 7 but that I'll have to address that later. Here's the css:
#mainImage{
    background: url(images/main_bkgrnd_blk.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    width: 875px;
    height:788px;
    margin: 0 auto;
    position: relative;

jalynoble wrote:
I'm developing a site where in one particular page a background image displays in Live View, but not in IExplore. This image is used in other pages with no problem. In Browser Lab the page displays correctly in IE8, FF and Safari. Should I be concerned? The whole site isn't working in IE6 & 7 but that I'll have to address that later. Here's the css:
#mainImage{
    background: url(images/main_bkgrnd_blk.jpg);
    background-position: center top;
    background-repeat: repeat-y;
    width: 875px;
    height:788px;
    margin: 0 auto;
    position: relative;
When you say it does not display in IExplore where are you checking that, on your computer and which version of IE?
If you have checked the page in Browser Lab and it displays ok then I would not worry, but it slightly concerns me that it's not showing in your local version of IE?
For what's its worth I would'nt bother with IE6 (it's practically dead) but you must address the issues in IE7.

Background image doesn't preview in browser

Is there something I'm not understanding about my Dreamweaver
Site settings? I'm trying to code a site using CSS which has a
background image in a div but it won't preview in the browser. When
the file is linked to an external style sheet, it displays in
Dreamweaver's design view but not Preview in browser. But when the
styles are included in the file itself, it works. It's a dynamic
site configured for PHP MySQL. Everything in the style sheet seems
to be working except this. I've tried site relative and document
relative links. I even tried posting the image to a live server and
linking it with an absolute url.
Here is the path structure:
BambooJewelry/index.php
BambooJewelry/cw3/assets/css/bamboo.css
BambooJewelry/cw3/assets/images/home/logo.gif
Here is the code in the css file:
div#logo {
background-image: url(../images/home/logo.gif);
background-repeat: no-repeat;
width: 700px;
height: 73px;
Here is the syntax for the linked style sheet in the
index.php file:
<link href="cw3/assets/css/bamboo.css" rel="stylesheet"
type="text/css">
As to the site settings, the local root folder is
Macintosh HD:Library:WebServer:Documents:BambooJewelry:
the http: address is set to
http://localhost/BambooJewelry/
Any help with this is sincerely welcomed!

make sure you're not overriding that rule somewhere else in
your site or farther down the style sheet or with a more specific
rule. Rules directly in a page are given more importance than rules
in an external sheet.

Preview what a background 'Image Repeat' will look like?

I want to preview some website background images that I have which are 1 pixel wide without having to upload to the website and refresh the page. Is there a way to preview images repeating in either Adobe Bridge or Adobe Photoshop or any product in the Adobe Creative Cloud for that matter without having to upload to the website and refresh the page? I would ideally like to scroll through the images and have it simulate the repeat horizontal style.

Not sure that is what I'm looking for.
I have over 2000 different gradients for website backgrounds that I just want to scroll through to pick the one I want but I need the image to repeat horizontally so that I can see it because it's only 1 pixel wide ...
Ideally, I would like to just be able to hit my arrow key down and down and down and preview what the background would look like super quickly so I can pick the one I like best.
Hopefully that makes better sense.
Thanks!
Something like this website, but where i don't have to upload files to the web.
http://lab.rails2u.com/bgmaker/

Live preview not showing images

Hello,
I moved my entire site folders from my local hard drive to a NAS, but now, when I lok at the live preview, I see empty squares where images should be, and there seems to be no CSS formatting, and everything at the bottom property panel is greyed out.
I am quite new to DW (using CS6), is there anyone who has an idea what I could have done wrong?
I changed nothing in my folder structure.
Thanks in advance.

Thanks, Nancy,
I have now moved my site back to the original folder (on the same machine as DW) and the live view works normally now.
However, I find it very odd that the live view stops working when the folder is on a different machine (a NAS in my case).
Finally, is it normal that, in Live view, the properties at the bottom are greyed out?
Thank you for your help.

Dreamweaver CS4 Live View - background-image does not display

I'm teaching a basic Dreamweaver CS4 class, and one of my students happened upon a unique problem.
Although the students were not required to use LiveView for their assignment, the student noticed that when he clicked the LiveView button to look at his assignment, that the background-image property that he set on the #header DIV does not display.
I tried duplicating his problem by building a similar site to his, using the exact same Dreamweaver Starter Page he used, but I'm not able to reproduce it the problem. If I define a new site using the files the student sent me, the problem comes back.
I'm completely stumped. What could possibly be causing the background-image CSS property to stop rendering in Live View?
Thanks for any help at all!

Hi
Check your students css code for invalid or missing mark-up, or linking to the background image. Another possible problem, (occurs on some sites but not all) is to check if the url is enclosed in quotes as these are occasionally required but not always, also check for spaces in file names
e.g. - background-image: url(../images/yourimage.jpg); should work but occasional requires quotes as in - background-image: url("../images/yourimage.jpg");
PZ
www.pziecina.com

Page background images show in preview but not after uploading

Hi -
I've built a page with a flash animation, and some other
minimal information below the movie. I have a page background image
that should be repeating horizontally behind everything. When I
preview it, all looks great! After I upload it to the actual site
the background images disappear. The code is all within the page.
Any ideas?

never mind... problem resolved.
my error in not checking my files over. oops.

Background image in template viewable in preview but not in compiled output

A co-worker, using RH8 on Windows XP is having a problem with a template that has a background .jpg image. In RH8 the background image is viewable in the preview, but when she compiles the project the background is not there. This image had been viewable in the compiled project when she was using RH7.
I'm at a loss for what to suggest as I don't use backgrounds in my projects.
Any info/suggestions would be greatly appreciated.
Thanks,
Joe

Hi there
The most obvious solution would be to try adding the image to Baggage Files. I'd try that first and see if it changes anything.
With RoboHelp 8, you have an option of overriding the Style Sheet. So it's theoretically possible that what has been specified in the project is being undone by a subsequent choice.
Try the Baggage option first.
Cheers... Rick
Begin learning RoboHelp HTML 7 within the day - $24.95!
Click here for Adobe Certified Captivate and RoboHelp HTML Training
Click here for the SorcerStone Blog
Click here for RoboHelp and Captivate eBooks

Background images flickering and turning black on scroll in published site, but in not preview.

The background images are very flickery and turning black when scrolling when viewing published site in Safari. This just started happening today after working on this for a few weeks now and the first time I'm noticing it. Everything is still ok in preview mode. All the large background images are optimized to be 500kb or less (they are all just placeholders).
http://ics0913.businesscatalyst.com
Any help would be appreciated. Thank you.

that is so strange, i had the location "image/rotator/......" for all three of my images in the js file and only the third one works?
i believe they are all loading up fine as of this moment, just like they were yesterday, but not this morning when i first arrived at work. i wonder what changes the location by itself.
hopefully the same thing won't happen again.
as for the text problem, thanks for pointing that out, i really appreciate it! but our office has been quite understaffed for a while, and no one here really knows anything about web maintenance. hopefully someone will fix those problems some day.
thanks again bregent!

Animation of multiple background image positions via keyframes works in Chrome & Safari, not Firefox.

The goal is to create an infinitely scrolling, two-layer parallax, patterned background. The effect works perfectly in Mac Chrome 35.0.1916.153, Mac Safari 7.0.4, iOS Chrome 35.0.1916.41, and iOS Safari 7.1.2, but it stutters in Mac Firefox 30.0 (haven't tested on iOS FF).
My code is visible at http://jsbin.com/cifig/2 and is basically modeled after http://davidwalsh.name/multiple-background-css-animations (demo http://davidwalsh.name/demo/multiple-background-css-animations.php).
If I make either one of the following changes, the stutter in FF resolves:
• Limit `background-repeat` to `repeat-x` or to `repeat-y`.
• Remove one of the two animated backgrounds.
So it seems FF can't handle the continuous animation of two backgrounds that each have background-repeat, whereas Chrome and Safari can.
Any tips? Thanks!

Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
http://forums.mozillazine.org/viewforum.php?f=25 <br />
You'll need to register and login to be able to post in that forum.

CS5 Missing Images In IE Local Preview

Hi,
I do not know if my issue is related to this post:
http://forums.adobe.com/message/2798144#634677
Or if I have made an error I just cannot see.
When previewing template or html pages in IE
it seems to be hit or miss if I see them or not.
All is fine when previewed in Firefox or when published.
Template
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Beauty And The Bath.com</title>
<meta name="description" content="">
<meta name="keywords" content="">

<script type="text/javascript" src="http://pshared.5min.com/scripts/ThumbSeed.js"></script>
<script type="text/javascript" src="http://pshared.5min.com/scripts/PlayerSeed.js"></script>

<link href="../support-files/p7ap_01.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="../support-files/p7APscripts.js"></script>

<style type="text/css">

</style>
<link href="../support-files/p7PMMh04.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="../support-files/p7PMMscripts.js"></script>
<link href="../support-files/style02.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="header"> <img src="../image-files/header-6.jpg" width="800" height="263" alt="Beauty And The Bath">
      <div class="clear"> </div>
    <div id="p7PMM_1" class="p7PMMh04">
      <ul class="p7PMM">
         <li><a href="#">Hairstyles</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/Hair-Styles-Gallery.html">Hairstyles Gallery</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Beautiful-Hair.html">Beautiful Hair</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Black-Hairstyles.html">Black Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Bob-Hairstyles-Bob-Haircuts.html">Bob Hairstyles And Haircuts</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/new-hairstyles-for-women.html">New Hairstyles For Women</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/hairstyles-for-older-women.html">Hairstyles For Older Women</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Celebrity-Hairstyles-For-Beautiful-Celebrity-Hair-Style .html">Celebrity Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/celebrity-hairstyle-pictures.html">Celebrity Hairstyle Pictures</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/hair-videos.html">Hair Videos</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Your-Prom-Perfectly-Planned-And-Personalized.html">Prom Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/hairstyles.html">Show Your Style</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/step-by-step-hairstyles.html">Step By Step Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Vintage-Hairstyles-Vintage-Hair-Style-History.html">Vintage Hairstyles</a></li>
                  <li><a href="#">Virtual Hairstyles</a>
                      <div>
                        <ul>
                          <li><a href="http://www.beauty-and-the-bath.com/Image-Makeovers.html">MakeoverSolutions</a></li>
                          <li><a href="http://www.beauty-and-the-bath.com/stellure-styling-and-solutions-virtual-salon.html">Stellure 3D Hairstyles</a></li>
                        </ul>
                      </div>
                  </li>
                  <li><a href="#">Hair Care</a>
                      <div>
                        <ul>
                          <li><a href="#">Hair Care Salon On Line</a></li>
                        </ul>
                      </div>
                  </li>
                </ul>
              </div>
          </li>
          <li><a href="#">Special Care</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/acne-skin-care.html">Acne Skin Care</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/alopecia-areata-and-you.html">Alopecia Areata</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/hair-replacement-options.html">Hair Replacement Options</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/beauty-care-needs.html">Special Care Beauty Needs</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Forty Plus</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/Forty-Something.html">Forty Something</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/beauty-by-fifty.html">Beauty By Fifty</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/over-40-hairstyles.html">Over 40 Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/over-50-hairstyles.html">Over 50 Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/over-60-hairstyles.html">Over 60 Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/guide-anti-aging.html">Guide Anti Aging</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/menopause-lifestyle.html">Menopause Lifestyle</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Bath</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/bath-and-body-shop.html">Bath And Body</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/beauty-and-the-bath-magazine.html">Bath Magazine</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/everything-bathroom-towels.html">Everything Bathroom Towels</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/homemade-beauty-recipes.html">Homemade Beauty Recipes</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Spas</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/spa-reviews.html">Spa Reviews</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/spa-information.html">Spa Information Types Of Spas</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Beauty</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/acne-skin-care.html">Acne Skin Care</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/be-a-model.html">Be A Model</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/beauty.html">Beauty Thoughts</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/How-To-Discover-Beautiful-Skin.html">Discover Beautiful Skin</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/revitol-skin-care.html">Revitol Natural Skin Care</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/hair-removal-site-map.html">Guide Hair Removal</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/pretty-hands.html">Pretty Hands And Beautiful Nails</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/nail-product-reviews.html">Nail Product Reviews</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/foot-care.html">Foot Care And Pretty Feet</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Makeup</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/How-To-Apply-Makeup-Site-Map.html">Cosmetics And Makeup</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/ethnic-skin-care-beauty-and-makeup.html">Ethnic Skin Care Ethnic Beauty</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/The-Complete-Guide-To-Womens-Perfume-And-Fragrance.html">Perfume And Fragrance</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Dress-It-Up-Costumes-Hairstyles-Makeup.html">Costume Makeup</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Profile Image</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/Color-Meaning-Your-Complete-Season-Analysis.html">Color Analysis</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Face-Shape.html">Face Shape</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Teen-Girls-Hair-And-Makeup-Makeovers.html">Makeovers Teens</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Makeovers.html">Makeovers Womens</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Image-Makeovers.html">Virtual Makeovers</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Fashion</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/Lingerie.html">Lingerie</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Health</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/beauty-vitamins.html">Beauty Vitamins</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/natural-sleep-aids.html">Natural Sleep Aids</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/complete-oral-care.html">Complete Oral Care</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/herbal-health-herbal-beauty.html">Herbal Health Herbal Beauty</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/what-is-stress.html">What Is Stress</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Weight Loss</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/diet-guide.html">Diet Guide</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/natural-weight-loss.html">Natural Weight Loss</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/weight-loss-video.html">Weight Loss Videos</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Fitness</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/body-exercise-tips.html">Body Exercise Tips</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/home-fitness-equipment.html">Home Fitness Equipment</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Men</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/Man-In-The-Mirror.html">Mens Grooming </a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/mens-fashion.html">Mens Fashion</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/men-hairstyles.html">Mens Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/mature-male-celebrity-hair.html">Mature Male Celebrity Hair</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/mens-celebrity-hairstyles.html">Mens Celebrity Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/hair-style-for-guys.html">Hair Styles For Guys</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Teens</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/be-a-model.html">How To Be A Model</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Your-Prom-Perfectly-Planned-And-Personalized.html">Your Prom Night</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Teen-Girls-Hair-And-Makeup-Makeovers.html">Teen Makeovers</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/Teens-Look-Good-And-Feel-Great.html">Teens Hairstyles</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Kids</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/Kids-In-The-Bath.html">Kids And The Bath</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/little-girls-hairstyles.html">Little Girls Hairstyles</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/little-boys-hairstyles.html">Little Boys Hairstyles</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Baby Care</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/Baby-And-The-Bath.html">Baby And The Bath</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Our Network</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/the-style-glossy.html">The Style Glossy</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/mens-life-today.html">Mens Life Today</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/life-and-beauty-weekly.html">Life And Beauty Weekly</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/your-oral-health.html">Your Oral Health</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/live-right-live-well.html">Live Right Live Well</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/sniffle-solutions.html">Sniffle Solutions</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/your-good-health.html">Your Good Health</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/your-family-today.html">Your Family Today</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/kidcomplishment.html">Kidcomplishment</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/girl-world-daily.html">Girl World Daily</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/your-baby-today.html">Your Baby Today</a></li>
                </ul>
              </div>
          </li>
          <li><a href="http://www.beauty-and-the-bath.com/Dress-It-Up-Costumes-Hairstyles-Makeup.html">Costumes Dress Up</a></li>
           <li><a href="#">E Books</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/E-Books-For-You.html">E Book Collection</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/E-Books-For-Your-Beauty.html">Beauty E Books</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/E-Books-For-Weddings-And-Brides.html">Wedding E Books</a></li>
                </ul>
              </div>
          </li>
          <li><a href="#">Games</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/play-online-games.html">Lady Luck</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/girls-just-want-to-play-games.html">Girls Just Want To Play Games</a></li>
                </ul>
              </div>
                  <li><a href="#">What's New</a>
            <div>
              <ul>
                <li><a href="http://www.beauty-and-the-bath.com/This-Month.html">This Month</a></li>
                <li><a href="http://www.beauty-and-the-bath.com/Beauty-And-The-Bath-blog.html">New Articles </a></li>
              </ul>
            </div>
        </li>
         <li><a href="#">On Site </a>
            <div>
              <ul>
                <li><a href="http://www.beauty-and-the-bath.com/about-sbi-hosting.html">About SBI</a></li>
                <li><a href="http://www.beauty-and-the-bath.com/Our-Newsletter.html">Newsletter</a></li>
                <li><a href="http://www.beauty-and-the-bath.com/Your-Visit.html">Your Visit</a></li>
                <li><a href="http://www.beauty-and-the-bath.com/She-Shops.html">Shop Beauty And The Bath</a></li>
              </ul>
            </div>
          <li><a href="http://www.beauty-and-the-bath.com/search-beauty-and-the-bath.html">Search</a></li>
          <li><a href="#">Site Maps</a>
              <div>
                <ul>
                  <li><a href="http://www.beauty-and-the-bath.com/site-map.html">Main Site Map</a></li>
                  <li><a href="http://www.beauty-and-the-bath.com/our-network.html">Network Programs</a></li>
                </ul>
              </div>
          </li>
          <li><a href="http://www.beauty-and-the-bath.com">Home</a></li>
        </ul>
      <div class="p7pmmclearfloat"> </div>
      
      
      
      <script type="text/javascript">

      </script>
</div>
</div>
***googlesearch.shtml***
<div id="main">
      <div id="maintop"></div>
    <div id="left">
      <div class="topimg">
***topslide.shtml***
      </div>
       
<div class="box">
          <p class="title"></p>
          <div class="subbox">
                <div align="center"><strong><img src="http://www.beauty-and-the-bath.com/image-files/rose-bar-120.gif" alt="Beauty And The Bath Rose" width="120" height="27"></strong><br><br>
                  <br>
                  <strong><img src="file:///C|/Users/Tanna/Documents/2beauty-and-the-bath.com/beauty-and-the-bath.com/im age-files/rose-bar-120.gif" alt="Beauty And The Bath Rose" width="120" height="27"></strong></div>
          </div>
      </div>
                  <div class="box">
          <p class="title"></p>
          <div class="subbox">
              <div align="center"><strong><img src="file:///C|/Users/Tanna/Documents/2beauty-and-the-bath.com/beauty-and-the-bath.com/im age-files/rose-bar-120.gif" alt="Beauty And The Bath Rose" width="120" height="27"><br>
                  <br>
                <img src="http://www.beauty-and-the-bath.com/image-files/copyscape-protected.jpg" alt="Do Not Copy Content From Page. Plagiarism will be detected by Copyscape" width="88" height="31"><br>
                </strong><br>
                <br>
                <br>
                <br>
                <img src="http://www.beauty-and-the-bath.com/image-files/rose-bar-120.gif" alt="Beauty And The Bath Rose" width="120" height="27"></div>
          </div>
        </div>
          <div class="box">
          <p class="title style230"><strong><br>
          </strong></p>
          <div class="subbox"><img src="http://www.beauty-and-the-bath.com/image-files/rose-bar-120.gif" alt="Beauty And The Bath Rose" width="120" height="27"><br>
            <br>
            <br>
            <br>
<br>
            <br>
          <img src="http://www.beauty-and-the-bath.com/image-files/rose-bar-120.gif" alt="Beauty And The Bath Rose" width="120" height="27"></div>
        </div>
       </div>
    <div id="content">
      <h1>Heading One</h1>
      
         <div align="center">
                   <p>HEADING TWO </p>
       </div>
       
<div id="subcontent"> 
        
        <p><img src="../image-files/mens-fashion.jpg" alt="mens fashion" width="300" height="250" class="imageright"></p>
        <p class="google300">        </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
          <p> </p>
        <p> </p>
        <p><img src="../image-files/rose-bar-120.gif" width="120" height="27" alt="rose-bar-120.gif"></p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p> </p>
        <p><img src="http://www.beauty-and-the-bath.com/image-files/rose-bud.gif" alt="p" width="158" height="45" class="rosebar"></p>
        <div class="rosebarhold">
          <div align="center">
            <p> </p>
          </div>
        </div>
        
          <div class="clearcontent"></div>
          <div id="contentfoot">
            <div id="copyright1"> © Beauty And The Bath.com ***cd.shtml***<br>
A Division Of Tannada Enterprises LTD<br>
No Reproduction Or Downloads Permitted Of Any Kind.<br>
Protected And Enforced By The Digital Millennium Copyright Act And EDEC.<br>
All Rights Reserved World Wide
                              <p></p>
                              <p><IMG SRC="../image-files/cs-re-3d-234x16.gif" ALT="Page copy protected against web site content infringement by Copyscape" TITLE="Do not copy content from the page. Plagiarism will be detected by Copyscape." WIDTH="234" HEIGHT="16" BORDER="0"> </p>
                              <p> </p>
                              <p> </p>
            </div>
<div id="bottombox">
            <div class="box">
                <div class="title"><a href="#">Top</a> | <a href="http://www.beauty-and-the-bath.com/Disclaimer.html">Disclaimer</a> | <a href="http://www.beauty-and-the-bath.com/terms-of-use.html">Terms Of Use</a> | <a href="http://www.beauty-and-the-bath.com/privacy-policy.html">Privacy Policy </a>| <a href="http://www.beauty-and-the-bath.com/advertising-policies.html"> Advertising</a> | <a href="http://www.beauty-and-the-bath.com/Contact-Beauty-And-The-Bath.html">Contact</a></div>
                <div class="subbox"><img src="../image-files/rose-bar-shadow.jpg" width="281" height="65" alt="Rose Divider"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
<div class="clear"> </div>
    <div class="rosepanel"></div>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-700940-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
CSS
margin : 0;
padding : 0;
html, body {
height : 100%;
background : #000 url(../image-files/backrose.jpg) repeat-x;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : center;
color : #5a5239;
font-style : normal;
font-weight : normal;
text-transform : none;
a {
color : #d2b48c;
text-decoration : none;
font-size : 13px;
font-weight : 700;
a:hover {
text-decoration : underline;
#container {
width : 800px;
margin : auto;
background : #000;
padding : 3px;
text-align : left;
position : relative;
#header img {
display : block;
#left {
width : 149px;
border-top : 1px solid #666;
padding : 2px 2px 0;
float : left;
.rosepanel {
width : 122px;
height : 368px;
background : url(../image-files/rosepanel.jpg);
position : absolute;
left : 20px;
bottom : 7px;
z-index : 1;
#content {
margin-left : 6px;
float : left;
border-top : 1px solid #666;
display : inline;
width : 628px;
text-align : left;
#subcontent {
padding : 10px;
#subcontent p {
padding-top : 5px;
padding-right : 0;
padding-bottom : 5px;
padding-left : 0;
#content h2 {
color : #999966;
font-style : normal;
font-family : "Times New Roman", Times, serif;
padding : 0;
font-size : 14px;
#panels {
width:447px;
height:100px;
margin:20px auto;
list-style:none;
#panels li {
width:149px;
text-align:center;
float:left;
.rosebar {
display : block;
margin : auto;
.clearcontent {
height : 368px;
overflow : hidden;
clear : both;
#contentfoot {
position : absolute;
bottom : 15px;
text-align : center;
width : 628px;
left : 165px;
#copyright1 {
color : #5a5239;
text-align : center;
font-style : normal;
font-family : "Times New Roman", Times, serif;
font-size : 15px;
#bottombox {
width : 600px;
background : #000;
text-align : center;
padding : 5px;
border : 1px solid #666;
margin : auto;
#bottombox div.box {
margin : 0 auto;
#bottombox div.box div.subbox {
background : #fff;
#maintop {
position : absolute;
top : 0;
left : 0;
width : 798px;
background : url(../image-files/backrose-solid.jpg);
height : 5px;
line-height : 0;
font-size : 0;
#main {
    background : url(../image-files/bg2.gif) center top;
    padding : 5px;
    border : 1px solid #666;
    position : relative;
    margin-bottom : 4px;
    display : inline-block;
    z-index : 0;
    background-image: url(http://www.beauty-and-the-bath.com/image-files/bg2.gif);
#main {
display : block;
.clear {
clear : both;
font-size : 0;
line-height : 0;
#leftborder {
height : 5px;
background : url(../image-files/backrose-solid.jpg);
border-top : 1px solid #666;
line-height : 0;
font-size : 0;
position : absolute;
bottom : 0;
left : 5px;
width : 153px;
#midborder {
height : 5px;
background : url(../image-files/backrose-solid.jpg);
border-top : 1px solid #666;
line-height : 0;
font-size : 0;
position : absolute;
bottom : 0;
left : 164px;
width : 470px;
#left p {
padding : 20px;
.topimg {
background : url(../image-files/backrose.jpg);
text-align : center;
padding : 3px 5px;
margin-bottom : 2px;
#leftnav a {
border-bottom : 1px solid #866d4d;
display : block;
width : 146px;
padding : 1px 0 1px 3px;
color : #d2b48c;
text-decoration : none;
font-size : 13px;
#leftnav a:hover {
background : #CCCCCC;
color : #000;
.box {
font-size : 12px;
color : #f7ebe1;
text-align : center;
padding : 2px;
border : 1px solid #bfab93;
margin : 40px auto;
width : 90%;
.box p.title {
background : url(../image-files/backrose-solid.jpg);
font-size : 130%;
.box .title {
margin-bottom : 2px;
background : #000000;
border : 1px solid #666;
padding : 3px;
.box p {
padding : 5px 0;
.box a .bottomlink {
color : #5a5239;
background-color : #ffffff;
.box a {
color : #f7ebe1;
text-decoration : underline;
.box a:hover {
text-decoration : none;
.box .subbox {
background : #000000;
border : 1px solid #666;
padding : 5px;
color : #f7ebe1;
.box .subbox ul {
list-style : none;
.box .subbox p a {
font-size : 9pt;
font-weight : lighter;
.clearbot {
height : 6px;
line-height : 0;
font-size : 0;
#footer {
height : 40px;
line-height : 40px;
text-align : center;
background : url(../image-files/backrose.jpg);
border : 1px solid #666;
font-weight : 700;
#googleads {
width : 468px;
margin : auto;
#container #main #content #subcontent .google300 {
float : left;
.style2 {
color : #5a5239;
font-size : 24px;
font-style : normal;
font-family : Georgia, Palatino, PalatinoLinotype, Times, TimesNewR;
font-weight : 100;
.style67 {
color : #5a5239;
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-weight : lighter;
.style80 {
color : #5a5239;
font-style : italic;
font-weight : normal;
font-size : 18px;
font-family : "Times New Roman", Times, serif;
.imageleft {
float : left;
margin-right : 5px;
gallery {
background-color : #000;
border : thin solid #d4be95;
.gallery {
background-color : #000;
border : thin solid #ccb68d;
float : inherit;
.imageright {
float : right;
margin-bottom : 2px;
margin-left : 5px;
letter-spacing : normal;
display : table-cell;
.rosebarhold {
text-align : center;
.highlight {
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 14px;
font-weight : bold;
text-transform : capitalize;
color : #f7ebe1;
background-color : #000000;
.centerbox {
border-top-width : thin;
border-right-width : thin;
border-bottom-width : thin;
border-left-width : thin;
border-top-color : #000000;
border-right-color : #000000;
border-bottom-color : #000000;
border-left-color : #000000;
text-align : center;
width : 80%;
margin-right : 30px;
margin-left : 30px;
.pagebox {
font-size : 12px;
color : #5a5239;
text-align : left;
padding : 2px;
border : 1px solid #bfab93;
margin : 40px auto;
width : 90%;
.store {
background-color : #ffffff;
.dropcaps {
float : left;
color : #d3be91;
font-size : 100px;
font-family : Georgia, "Times New Roman", Times, serif;
line-height : 80px;
padding-top : 1px;
padding-right : 5px;
.search {
background-color : #000000;
float : right;
width : 300px;

Why are these two links in the Template's editable region?

<link href="../support-files/p7ap_01.css" rel="stylesheet" type="text/css" media="all">
<script type="text/javascript" src="../support-files/p7APscripts.js"></script>

This and others links like it are obviously broken and will only work on your box -
                 <strong><img src="file:///C|/Users/Tanna/Documents/2beauty-and-the-bath.com/beauty -and-the-bath.com/image-files/rose-bar-120.gif" alt="Beauty And The Bath Rose" width="120" height="27"></strong></div>
You will need to remake those links in the Template file, and then save your template file to update the child pages. (also, is there REALLY a space between "beauty" and "-" in the "beauty-and-the-bath.com" folder? Why is that folder name repeated?
Images don't just disappear - it's happening for a reason....

Background Images Do Not Display

Hi --
On this page:
http://www.thelegatogroup.com/test/
I have the DIVs #left and
#right and each has a background image. My problem is that
neither display
either in preview or when live. I can, however, see the
images in DW's
design view.
The DIV #left should display this image:
http://thelegatogroup.com/test/assets/backgrounds/home_piton.jpg;
The DIV #right should display this image:
http://thelegatogroup.com/test/assets/page_elements/divider.jpg
The CSS appears correct and the rules point to the correct
files, the images
are on the server, the page validates, and yet no images.
Can someone take a look and help me see what I'm missing?
Thanks,
John

Good luck! 8)
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
==================
"Tarvardian" <[email protected]> wrote in message
news:[email protected]...
> Because I don't use background images very often, and I
didn't know any
> better. Now I do.
>
> Thanks for your help. I appreciate it.
> John
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>> Remove this -
>>
>> background-attachment: fixed;
>>
>> You don't need it. Why did you use it?
>>
>> --
>> 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
>> ==================
>>
>>
>> "Tarvardian" <[email protected]> wrote in
message
>> news:[email protected]...
>>> Hi Murray --
>>>
>>> Thanks for taking a look. You were right...the
path was incorrect. But
>>> fixing that, unfortunately, doesn't fix the
problem. I've even used an
>>> absolute page for below file, and it still
doesn't display correctly.
>>> Oddly enough, when I use remove the rule:
background-repeat: no-repeat;
>>> the image appears. It's tiled -- which I don't
want -- but it appears.
>>>
>>> Any idea what's going on?
>>>
>>> John
>>>
>>>
>>> "Murray *ACE*"
<[email protected]> wrote in message
>>> news:[email protected]...
>>>> Your links are incorrect.
>>>>
>>>> background-image:
url(../assets/backgrounds/home_piton.jpg);
>>>>
>>>> This one implies that the image would be
here -
>>>>
>>>>
http://www.thelegatogroup.com/assets/backgrounds/home_piton.jpg
>>>>
>>>> but it's not - it's here -
>>>>
>>>>
http://www.thelegatogroup.com/test/assets/backgrounds/home_piton.jpg
>>>>
>>>> --
>>>> 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
>>>> ==================
>>>>
>>>>
>>>> "Tarvardian" <[email protected]>
wrote in message
>>>> news:[email protected]...
>>>>> Hi --
>>>>>
>>>>> On this page:
http://www.thelegatogroup.com/test/
I have the DIVs
>>>>> #left and
>>>>> #right and each has a background image.
My problem is that neither
>>>>> display
>>>>> either in preview or when live. I can,
however, see the images in
>>>>> DW's
>>>>> design view.
>>>>>
>>>>> The DIV #left should display this image:
>>>>>
http://thelegatogroup.com/test/assets/backgrounds/home_piton.jpg;
>>>>> The DIV #right should display this
image:
>>>>>
http://thelegatogroup.com/test/assets/page_elements/divider.jpg
>>>>>
>>>>> The CSS appears correct and the rules
point to the correct files, the
>>>>> images
>>>>> are on the server, the page validates,
and yet no images.
>>>>>
>>>>> Can someone take a look and help me see
what I'm missing?
>>>>>
>>>>> Thanks,
>>>>> John
>>>>>
>>>>
>>>
>>
>

SSRS - A Subreport background image is overridden by background image of parent report

Hello. I have a background image on my parent report and a different background image for my sub reports. The background image of my sub reports are instead inheriting the background image of the parent report. I've researched and found nobody talking about
this. All my images are embedded.
Is there away around this?
Thanks,
James
James

For both the parent report and the sub report, I right clicked the Images folder in the Report Data section and embedded the images in the rdl. The parent report has an embedded image called watermark. The child report has an embedded image called subreportwatermark.
In the parent report, I added the following to the report properties:
In the child report, I added the following to the body properties:
Yes, I use an expression to determine whether to use the watermark or nothing based on a field of a dataset as you see above in both Value properties of both the report properties of the parent report and the body properties of the child sub report.
If I run the sub report only in the BIDS solution for a child row that has Y for watermark value, the sub report's subreportwatermark does show.
If I run the sub report only in the BIDS solution for a child row that has N for watermark value, the watermark does not show.
So far so good.
If I run the parent report in the BIDS solution for a parent row that has Y for watermark value, I don't get what I
expect. Here is the scenario. Five pages are produced. One for the parent, and one each for the sub report.
Parent Row - Watermark Y
Child Row 1 - Watermark Y
Child Row 1 - Watermark N
Child Row 1 - Watermark N
Child Row 1 - Watermark Y
What I expect to see.
Page 1 - Parent Report's watermark should display.
Page 2 - Child Sub Report's subreportwatermark should display.
Page 3 - Child Sub Report's - No watermark at all.
Page 4 - Child Sub Report's subreportwatermark should display.
Page 5 - Child Sub Report's - No watermark at all.
To be clear. I should NEVER expect to see the parent report's watermark on pages 2 - 5.
What was the actual result? This is what I see in BIDS when I click the preview tab in
Print Layout.
Page 1 - Parent Report's watermark displayed.
Page 2 - Child Sub Report - Parent Report's watermark displayed.
Page 3 - Child Sub Report - Parent Report's watermark displayed.
Page 4 - Child Sub Report - Parent Report's watermark displayed.
Page 5 - Child Sub Report - Parent Report's watermark displayed.
This is what I see in BIDS when I click the preview tab in View
Layout.
Page 1 - Parent Report. No watermark displays.
Page 2 - Child Sub Report - Child Report's subreportwatermark displayed.
Page 3 - Child Sub Report - No watermark.
Page 4 - Child Sub Report - Child Report's subreportwatermark displayed.
Page 5 - Child Sub Report - No watermark.
Both the print layout and view layout is wrong. What matters is what prints or is saved to a pdf. What prints and gets saved to a PDF is the Print Layout view.
If you want, we can swap rdls. Can you send me your rdls?
You can find my rdls at:
https://onedrive.live.com/redir?resid=4292E6DE18E2BB8F!3676&authkey=!AKJwIRWxPmOPitw&ithint=folder%2crdl
Thanks,
James

Background images in chrome live preview buggy

Similar Messages

Maybe you are looking for