CS4 background-image doesn't show in browser

ok...I have cs4...
the CSS is:
body {
    background-image: url(/Assets/qlogoBKGlt.gif);
    background-repeat: no-repeat;
    background-color: #fff;
IT SHOWS UP in the DESIGN window of DW. It won't show up in Firefox or Safari...most up-to-date versions.
The line of code in the html file is:
<body>
The header code;
<!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" />
<link rel="stylesheet" href="styles/style.css" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" href="favicon.gif" type="image/gif" / >
* Proof that the background image is there:
http://www.solterrasolarcells.com/staging/Assets/qlogoBKGlt.gif
* THE HTML page that should be displaying this:
http://www.solterrasolarcells.com/staging/index.html
* The CSS STYLE SHEET:
http://www.solterrasolarcells.com/staging/styles/style.css
Can someone tell me what I am doing wrong?
Thanks, -bill

The path in the CSS is wrong.
You're thinking that the index.html file is in the root directory of this beta site hence the root relative reference in the CSS.
However, as far as the server is concerned, the root directory (where the index file is located) of this beta site is in a subfolder called "staging".
http://www.solterrasolarcells.com/staging/index.html
The CSS in the body selector for the background is pointing to /Assets/qlogoBKGlt.gif.
The full address of that path is http://www.solterrasolarcells.com/Assets/qlogoBKGlt.gif but the Assets folder does not exist at root level on the server, hence no image appears.
So for a root-relative path, you need to prefix the CSS with the "staging" folder
i.e.
body {
    background-image: url(/staging/Assets/qlogoBKGlt.gif);
    background-repeat: no-repeat;
    background-color: #fff;
or for a document-relative path from the "styles" folder where the CSS file is located, go up a level:
body {
    background-image: url(../Assets/qlogoBKGlt.gif);
    background-repeat: no-repeat;
    background-color: #fff;
When the site goes live, the "staging" folder will presumably disappear (all files will come up a level) and therefore any root relative links will have to be altered to reflect that.

Similar Messages

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.

Podcast feed image doesn't show up

Hi,
I have two separate podcast image issues here:
1. I can't get the feed image of a new podcast to show up at all. The podcast has been showing up for a while now. How long does it take for the feed image to show up? Is there no maximum size for feed images now? There used to be, but I don't see a size limit anymore, only a suggestion that the image should be square, which this one is. Here is the .rss feed in question:
http://christiantelevisionbroadcasting.com/rss/crosstalk.rss
2. I have a podcast that's been listed here on iTunes since 2005, when iTunes first started listing podcasts. I noticed recently that this podcast no longer shows up in the featured podcasts, even though it's popular, and certainly one of the oldest continuing podcasts on iTunes. The podcast (Axis Coffee House) shows up near the top of the list when you search the podcasts for "praise" or "Texas Baptist" and then sort by popularity. If you click on "see all" to look at the list of image icons, the Axis podcast doesn't show up at all anymore. I suspect there may be something wrong with the feed image which prevents it from showing up in the graphical listing? Here is the .rss feed in question:
http://www.ReluctantRadio.org/axis.rss
Thanks for your help... (smile)
Scott

sadly, we podcast creators have no way of controlling what is a featured podcast. This is something that the iTunes staff picks and chooses...here's a snippet from the spec:
"Getting Featured on the iTunes Home Page
At iTunes, we’re constantly on the lookout for podcasts that are breaking new ground with this medium, have new or unusual content, or just capture our interest. When we find them, we like to feature them on the Podcasts home page. While there are no sure-fire ways to get your podcast featured (and no, we do not accept payments for promotion), there are some minimum requirements."
The popularity meter in iTunes for podcasts is pretty useless and is in not really reflective of how popular your feed really is. It's merely a gauge as to how frequently people have subscribed to the feed with itunes. It doesn't take into account people that have subscribed via direct link, manually subscribed, or subscribed using other feed readers/podcatchers.
Feed validator is still coughing up some errors. You missing GUID's for your items as well. The GUID can be anything as long as it's unique throughout the xml. Often times just using the same url as the enclosure does the trick.
The iTunes podcast directory is also very clunky and has quite a lot of holes...some feeds are listed in categories they don't belong in, some are listed when searching but not browsing, all sorts of strange behavior. So there may not be anything wrong with your feed that is causing it not to show up....just a clunky database.
erik

Folder of Adobe Flash CS4 under Applications doesn't show the Flash logo

I migrated to my new Mac from an old Mac in which I had previously installed Adobe Creative Suite 4 Web Premium which includes Adobe Flash CS4 Professional. After I did that, all the files for the Adobe softwares were in blue and wouldn't work so I reinstalled the DVDs again. All my folders show the logos that correspond to the softwares located in each folder except for the Adobe Flash CS4 Professional which is still in blue. When I click on it to open the software, it works, but it shows this message:
Error initializing Java Runtime Environment. You may need to reinstall Flash. Click OK
It works, but it bugs me that all the other softwares show the logos except for Flash. I tried to run the DVD #1 again, but when it shows all the softwares that you can click on to install, it doesn't show Flash.
Does anyone know how to fix that problem?
Thanks in advance.

you can dl the installation files or copy the files from your disk to a desktop directory.
Downloadable installation files available:
Suites and Programs: CC 2014 | CC | CS6 | CS5.5 | CS5 | CS4, CS4 Web Standard | CS3
Acrobat: XI, X | 9,8 | 9 standard
Premiere Elements: 13 | 12 | 11, 10 | 9, 8, 7 win | 8 mac | 7 mac
Photoshop Elements: 13 |12 | 11, 10 | 9,8,7 win | 8 mac | 7 mac
Lightroom: 5.7.1| 5 | 4 | 3
Captivate: 8 | 7 | 6 | 5.5, 5 | 1
Contribute: CS5 | CS4, CS3 | 3,2
FrameMaker: 12, 11, 10, 9, 8, 7.2
Download and installation help for Adobe links
Download and installation help for Prodesigntools links are listed on most linked pages. They are critical; especially steps 1, 2 and 3. If you click a link that does not have those steps listed, open a second window using the Lightroom 3 link to see those 'Important Instructions'.

Help With Photoshop CS4 + background image

So I'm trying to edit this background image for my myspace page, it looked fine in photoshop cs4, even when I previewed the image with the save to web and devices , the image looks fine. I also saved the iamge with the highest quality settings I could as a JPG. But when I add it to my myspace page the image becomes blurry , it's hard to see everything
www.myspace.com/jchase45
I know it's not the code becuase the code is exactly the same , the only thign I changed was the image adress. The only part of the iamge i changed in cs4 was the logos, i didnt change the iamge size its stil lthe same.
Please any help would be greatly apreciated, if you need me to uplaod my project jsut let me know.
Thank you

My favorite way is to run the python script that comes with the license repair tool.
http://helpx.adobe.com/x-productkb/global/error-licensing-stopped-mac-os.html#main_Solutio n_2__Run_the_License_Repair_Tool
Download the License Recovery dmg file and carefully follow the instructions for Mac OS 10.7
I know it works, I have successfully recovered from a 150:30 before using this script properly.

Menu background movie doesn't show

Hello to all.
I've been working on a DVD from an iMovie file, and want to have a one-minute movie loop to play as a background for the main menu. I've tried all the methods mentioned in the iDVD Help topic, but all I get from it is the sound portion. When I open the "Menu" panel, I see the icon for my movie in the background image well, and also in the audio well. Everything looks like it should, according to the help file, but when I preview it there is no video at all. I've switched to various themes (6.0, 5.0, and 4.0), all without any improvement.
The movie clip was edited in iMovie, with an audio track added to it. I've tried to insert it as a DV file, an iMovie file, and a Quicktime file. All of these produce the same results.
I'm still using OS 10.3.9, but I have the belief that iDVD 6.0 works with my OS, as long as I stay away from HD themes.
Any suggestions?
G5 1.8GHz Dual Mac OS X (10.3.9)

Thanks so much for the reply.
What I meant by saying that both of the wells had the icon for my movie clip was that by putting the clip in the video well, it appeared in the audio well by itself - I didn't have to put it there.
I followed your suggestion about putting the two tracks in separately, but got odd results. First of all, I used iMovie to extract the audio, and then used it to delete the audio from the movie file, so that I had an .aiff file for audio, and a movie file for the video. Had no problem putting the audio file in its well, but the new video-only movie file refused to go into the video well. Could it be that something about how I'm saving the iMovie clip is preventing the video from being recognized?
I should add that when I put that original file in the spot where it will automatically play when the disc is inserted, the clip plays just like it should. But if I put that same clip in the menu panel, it doesn't.
I've also got an odd thing about that first panel "Drag content here to automatically play when the disc is inserted". There's a red-X, which says that the "Total menu duration exceeds 15 minutes". However, that panel is blank, and I can't find any reference to what content is referred to.
Pete
G5 1.8GHz Dual Mac OS X (10.3.9)

Background Image will not show on website but does in Dreamwever

I have the image in my file plus I have uploaded but without success ... I recently have a new ISP and it has not worked correctly since. I checked the in-line style and it is correct ... the background color will show, what is my problem?

A page created in Microsoft Word is no more a web page than one created in Microsoft Publisher. Yours is pretty messy as a result of its passage through Word -
<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 12">
<meta name=Originator content="Microsoft Word 12">
and, what's equally bad, there is no doctype.
Finally, Word's Word Art is not suitable for use on the web at all.
I'm guessing that this is the image that is missing?
style={background-image: url("curly.jpg")
Change that to this and see what happens -
style={background-image: url(curly.jpg)
Dreamweaver and HTML pages are all about HTML markup. If you want to use DW you will need to learn about HTML (and CSS).

Wrapper div background image won't appear in browser...

Hi All,
Here's a link to the test site:
http://www.davidcoshdesign.com/test/tee
If you go to 'About' – top right nav, there should be two vertical 'lines' running all the way down the page(s), either side of the main body copy.
All the pages are created from the same template.
It's a repeating background image in the #wrapper div. I can see it DW, but not in any browsers.
I guess it's not linking somehow... but can't figurte it out.
Also, the layouts on the 'Partners and 'Philosophy' pages 'jump' when you go to them. Again, I guess there's an error in the code somewhere...
Any help with these two things would be very much appreciated.
RP

Change this -
#wrapper {
    background-repeat: repeat;
    background-image: url(assets/images/columnedge.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 19px;
    font-weight: normal;
    color: #999;
    text-decoration: none;
    width: 980px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: auto;
to this -
#wrapper {
    background-repeat: repeat;
    background-image: url(assets/images/columnedge.jpg);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 19px;
    font-weight: normal;
    color: #999;
    text-decoration: none;
    width: 980px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    height: auto;
   overflow:hidden;
You need to clear the floats so that div#wrapper will contain the contents. To fix the jumping, add this to your CSS -
html { overflow-y:scroll; }

Oil paint filter -- image doesn't show up

I'm running CS6 on Windows7, Intel HD Graphics P4000 with driver updated. I have used the oil paint filter successfully in the past. Now when I try to use it, the filter window comes up, and it notes that the image I want to work on is at 25% size, but it remains blank -- the image itself never shows. Any ideas?

I have the exact same problem. Although, it has never worked for me -- just a grey screen where I expect the photo to be.
I did update the graphics driver for my Dell Inspiron 7520. It didn't change anything.
I also updated CS6 - no difference.
In other forums it was suggested the I go to Preferences; Performance; Advanced Setteings and check the "Open CL" box. But it is greyed out and I cannot check it.
Anyone out there know how to fix this??
Marcus

Background image doesn't work in dreamweaver 8

I have dreamweaver 8 and trying to install a background image through modify>page properties>appearance.
I created my background image through fireworks and saved it in my "images" folder. However when I access it through dreamweaver, I'm not able to see it on my page. I can, however, apply my background color, but not my "bg.jpg" image.
Why not?
Can somebody help me?

My guess is that your image might not be suitable for web output.
Did you optimize your image for the web? I don't use Fireworks but in Photoshop it's called File > Save for Web. A typical background image that repeats horizontally and vertically on screen should have a filesize of around 10-20 KB.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Background image doesn't fill window in fullscreen mode

Guys I have an image which is bigger than stage, but when I play this movie in player the background image is cropped on each of sides, that is on left and right there is a gray margin around 2cm wide.
Any ideas how to fix this so the background image covers entire stage?
Thank you.

Hi, Thanks for your reply, here is the image, and I've marked the margins with read line.
Thank you.

Background image doesn't display in browserlab

I am using dw cs5 to view my pages in browserlab. I have a background color in the body and an image in my main div. and sometime the backgroundin my main container div will display and other times it will not, I am new to browser lab and am using a windows 7 64 bit pc is this an issue with browser lab or with my design. I have checked my design and cannot find any obvious issues. Also on noticed on some browsers, generally firefox or chrome when I role my cursor over a link it recognizes it and gives me the option to select it but in ie browsers it does not is this normal.

Hi odiekat,
It's difficult to say whether this is an issue with your page or with BrowserLab without being able to view the page ourselves. When you test in BrowserLab, do you see the problem with all the browsers you're testing in, or only some? Can you try bumping up the screenshot delay setting (the numeric spinner next to the URL entry field) to see if that makes a difference?
Is there a public URL you can point us to so we can take a look at it ourselves, or could you zip up and email all the needed files to me: mrausch (at) adobe (dot) com ?
Mark

CSS -- background color doesn't show with scroll bar

I have a nav bar with a background-color that shows up fine if the image opens to the right size. If, however, the window opens small and I have to use the scroll bar to move things over, the color for the nav bar isn't there.
Any thoughts would be appreciated.
Here's the code:
HTML:
<body>
    <div id="Global">
        <div id="navHeader">
            <div id="navBar">
                <ul class="navStyle">
                    <li>Home</li>
                    <li>Chamber Info</li>
                    <li>Event Galleries</li>
                    <li>Contact Us</li>
                    <li>Join</li>
                </ul>
            </div>
        </div>
    </div>
</body>
CSS:
@charset "utf-8";
/* CSS Document */
    padding:0 0;
    margin:0 0;
body{
    background-color:#f1eee3;
#Global{ margin:0 auto;}
#navHeader{
    width:100%;
    height:40px;
    margin:0 auto;
    background-color:#bfbfbf;
#navBar{
    margin: 0 auto;
    width:960px;
    text-align:center;}
.navStyle{
    font-family:"Eras Medium ITC",Arial, Helvetica, sans-serif;
    font-size:18px;
    padding-top:10px;
.navStyle li{
    display:inline;
    padding-left:20px;
    padding-right:20px;

Does this help?
#navHeader{
width:100%;
min-height:40px;
_height:40px; /**for IE6 only**/
margin:0 auto;
background-color:#bfbfbf;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Open-graph Yammer item's image doesn't show after posting?

I am trying to use Yammer for a per-page comment platform in a SharePoint Online environment. This seems to require placing a Yammer embed in each page
and configuring the embed to use Open-Graph. (see further below for the embed code details I'm using)
As you can see in the following screenshot, the image url I'm providing allows the preview dialog to display the image, once the post is posted, the image no longer is shown.
Why does the image not show up after posting?
Here's the Yammer Embed markup I'm using for this particular article:
<div id="embedded-feed" style="height:565px;width:100%;"></div>
<script type="text/javascript" src="https://assets.yammer.com/assets/platform_embed.js"></script>
<script type="text/javascript">
yam.connect.embedFeed({
container: "#embedded-feed"
, network: "myyammernetwork.com"
, feedType: "open-graph"
, config: {
use_sso: false
, showOpenGraphPreview: false
, header: false
, footer: false
, promptText: "Comment on this page..."
, objectProperties: {
url: "https://mysharepointonline.sharepoint.com/sites/yammertime/Pages/Example-Article.aspx"
, type: "page"
, title: "The Title Goes Here"
, description: "Description goes here"
, image: "https://mysharepointonline.sharepoint.com/sites/yammertime/PublishingImages/2014-07-23_172717-true%20equals%20false.png"
</script>

Hi Steve,
Per my understanding, there is an issue when using Yammer embed in a page.
As a common practice when troubleshot an issue in page, it is recommended to debug the script in use in browser using IE Developer Tools, it will provide more information
about this issue:
https://msdn.microsoft.com/library/bg182326(v=vs.85)
Since this question is more relate to Yammer, I suggest you post it to the corresponding forum, you will get more help and confirmed answers there.
http://community.office365.com/en-us/w/yammer/default.aspx
Thanks
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

PDF annotation with link, image doesn't show, only in print or Google Chrome, not Adobe Reader main

We are creating PDF files with annotations, we are using the O2 Solutions PDF Library for C#. We used to create PDFStampAnnotations, but now we want to make the images clickable, to navigate to the URL belonging to the image.
Therefore, we are now using PDFLinkAnnotations, with a PDFImageAppearance.
We set the flags of the annotation to Print.
However, the annotation won't show in the PDF in Adobe Reader. It does show in the Google Chrome inline PDF viewer.
It also shows in the print preview window in Adobe Reader.
But it does not show in the normal view in Adobe Reader. What we do see is, when hovering over the rectangle that should contain our image, our mouse cursor becomes a hand and a tooltip with the link is displayed. If we click, everything works as expected. But we don't see an image!
What can we do about this? This is really annoying, as I don't have a clue why it won't work. Actually, to me, this looks like a bug in Adobe Reader?
Old (working, without link):
=================================================================================
15 0 obj
<</Contents (DEV-1)
/M (D:20130222103743+01'00')
/Subj (TigrisTag)
/Subtype /Stamp
/F 4
/Name /Custom
/AP <</D 16 0 R
/N 16 0 R
>>
/CreationDate (D:20130222103743+01'00')
/Rect [560.349976 10.000023 601.999977 51.650024 ]
/NM (97c87adc-5494-440a-b0b4-eb606e358169)
/T (name)
/P 4 0 R
/Type /Annot
>>
endobj
16 0 obj
<</Resources <</XObject <</ImageStamp 17 0 R
>>
/ProcSet [/PDF /Text /ImageB /ImageC ]
>>
/BBox [0 0 39.20008 39.20008 ]
/Name /Form_4943204746964B4C8B728A4CBD79B339
/FormType 1
/Length 41
/Src (XO:/Form_4943204746964B4C8B728A4CBD79B339)
/Type /XObject
/Subtype /Form
/Matrix [1 0 0 1 0 0 ]
>>
stream
39.2001 0 0 39.2001 0 0 cm
/ImageStamp Do
endstream
endobj
17 0 obj
<</Width 245
/ColorSpace [/Indexed /DeviceRGB 1 18 0 R ]
/BitsPerComponent 1
/Filter /FlateDecode
/Length 471
/Subtype /Image
/Height 245
>>
stream
(stream contents)
=================================================================================
New (not working, with link):
=================================================================================
18 0 obj
<</Resources 4 0 R
/Type /Page
/Group <</CS /DeviceRGB
/S /Transparency
/I true
>>
/Annots [19 0 R ]
/MediaBox [0 0 595 842 ]
/Contents 23 0 R
/Parent 3 0 R
>>
endobj
19 0 obj
<</Contents (TigrisTag)
/A <</S /URI
/URI (http://localhost:50830/publications/code/DEV-8)
>>
/M (D:20130225170939+01'00')
/Subtype /Link
/F 4
/NM (6a41409d-b8fb-44b6-8a7c-ab1c73088869)
/Name /Image
/AP <</D 20 0 R
/N 20 0 R
>>
/Rect [544.506958 9.999985 585.000015 50.493042 ]
/BS <</W 0
>>
/CreationDate (D:20130225170939+01'00')
/H /I
/P 18 0 R
/Type /Annot
>>
endobj
20 0 obj
<</Resources <</XObject <</ImageStamp 21 0 R
>>
/ProcSet [/PDF /Text /ImageB /ImageC ]
>>
/BBox [0 0 39.20008 39.20008 ]
/Name /Form_119A6CEBB1C8452D962814D585C640CC
/FormType 1
/Length 41
/Src (XO:/Form_119A6CEBB1C8452D962814D585C640CC)
/Type /XObject
/Subtype /Form
/Matrix [1 0 0 1 0 0 ]
>>
stream
39.2001 0 0 39.2001 0 0 cm
/ImageStamp Do
endstream
endobj
21 0 obj
<</Width 245
/ColorSpace [/Indexed /DeviceRGB 1 22 0 R ]
/BitsPerComponent 1
/Filter /FlateDecode
/Length 467
/Subtype /Image
/Height 245
>>
stream
(stream)
endstream
endobj
=================================================================================

Thank you for your reply.
Indeed, I tried saving a PDF that had the "default appearance", it shows exactly the same. So it looks like it "can't" show the image.
However, of course, I do want the image to be shown. How can I achieve this? How can I tell Adobe Reader (and other PDF viewers) I really really realllyyyyy want to see that image there? I believe I'm not doing anything really exotic, right? There must have been tons of other people that wanted to do the same thing, I guess?
                    var annotation = new PDFLinkAnnotation
                                Action = new PDFUriAction(this.GetCodeUrl(code)),
                                Contents = AnnotationIdentifier,
                                Appearance = new PDFImageAppearance(bitmapImage),
                                DisplayRectangle =
                                    new DisplayRectangle(
                                    barcodeLocationInfo.X,
                                    barcodeLocationInfo.Y,
                                    barcodeLocationInfo.Tsw,
                                    barcodeLocationInfo.Tsh),
                                Flags = Flags
                    pdfPage.Annotations.Add(annotation);

CS4 background-image doesn't show in browser

Similar Messages

Maybe you are looking for