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

Similar Messages

Image does not display on MacBook Pro (does on PowerBook G4!)

I created a slide in Keynote on my PowerBook G4 with an image dropped in (a pdf, I can't remember whether it was originally cut and past or dragged and dropped in). When transferring the Keynote presentation to a new macBook Pro (copying via a USB thumb drive), the presentation opens but the image does not display (everything else is OK).
The weird thing is that the image does show up in the thumbnail in Navigator View. It disappears in Light Table View, and then is gone when I return back to Navigator View. However, when I close and reopen the file, it appears again in the thumbnail.
When I click on the area where the image should be, the open squares show up around something. If I try to copy this object and past into another application (like Photoshop), I only get a blank image.
I have managed to get around this by laboriously copying the affected images on my PowerBook into separate pdf files, then transferring those files to my MacBook Pro and dropping them into place. However, I know I will find a missing image at some later date, when I no longer have access to my old PowerBook.
How to solve this problem?
P.S. Both machines are running Keynote 4.0.2 and Mac OS 10.5.2.

Thanks for taking a look!
The original image was created using Photoshop to cut out an image from a pdf file. Then it was either cut and pasted or dragged into Keynote.
Here are screenshots of what I get when I open the "droppedimage-17.pict" file (shown in the Show Package Contents window) using QuickTime on both machines. For the PowerBook:
http://www.cems.umn.edu/download/attachments/Powerbook.png
For the MacBook Pro:
http://www.cems.umn.edu/download/attachments/MacBook_Pro.png
Strangely, the Powerbook version looks like a correct grey-scale image, while the MacBook Pro looks like a B&W image.

Image does not display have editing

I'm wondering if anyone is have this issue. On some of pictures after I make an edit (i.e. crop, spot/patch, etc). the image does not display. If I switch to full screen the updated image displays. When I switch back to the browser and viewer mode the image does not display in the viewer.
This problem certainly makes editing pictures quite difficult.
Any help would be great!!!
Here's my system configuration:
Aperture 2.1
Mac Pro Dual Core 2.66Ghz
5GB RAM
2 x Nvidia GeForce 7300 Graphics Cards
4 x 24" monitors.

Karsten, thank you for your response, but the problem still seems to exist. I rebuilt my entire Aperture library then started to generate new previews. The rebuilt library and new previews work fine, however, again if I make an edit to the image and the apply the change the updated image does not display. If I resize the image in the viewer the image appears.
This seems to be a very weird problem.

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.

Bkg image does not display

A background image shows up in my "container" div in design view (DW CS4), but does not display in preview or Live View.
What might be preventing the image from displaying?
Note: bkg colors do display.

How To get Help Quickly
http://forums.adobe.com/thread/470404
Upload the test page to your web server and post a URL for us to see. It could be bad image type, a bad path to the file itself or a half-dozen other things.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Image does not display on Webi/Information Analyzer report BO XI 4.O

In Information Analyzer ( Webi ) I am using BO XI 4.0 ramp up version. I have create one report with image on it. I moved the image to image directory on BO server .
While creating the report I am able to see the image fine. However when I call the report from a hyperlink the image does not get displayed.
If I go and refresh the data, then the image comes back.
But I want to be able to see the image without having to refresh the report each time.
I restarted services and removed cookies and cache from IE broweser and tested with many other machines, but still same problem.
Can someone please advice..soon..

Is this a custom application that is viewing the report or is it Infoview or urlreporting?
If it isn't a custom app, you may be better off posting this question [here|SAP BusinessObjects Web Intelligence; instead. You may also want to open a case with support for this.

Control mouseover image does not display when contained in an array of clusters.

I have been using system booleans (with some customization) for the ability to impement mouseover animations. For example (default system booleans):
The mouseover feedback works well with my UI, and for the most part everything is going great.
However, the mouseover image does not load if the the boolean is contained within an array of clusters (a single cluster with the boolean inside or an array of booleans works as expected):
The mouseover animation does work for a single array element in the above case (the one which was most recently clicked), but this behavior isn't desirable and it seems buggy if I were to leave this on my UI as it is.
So I guess I'm just wondering if anybody has encountered this or has any suggested workarounds? The few that I've thought of so far (maintain a separate array for any set of system boolean controls, check coordinates myself on mouse move event and try to update the proper element in the array, avoid using mouseover animations entirely for this set of controls) aren't all that desirable. Even though this issue could be considered cosmetic, the UI is very important to me as this code is something shipped to customers.
This is LV 2011 by the way, so if by some chance the behavior in 2012 is correct please let me know (this alone might be reason enough to convert the project up). If there is a CAR ID for this behavior and an NI employee wishes to share it I would also appreciate that.
Best Regards,
John Passiak
Solved!
Go to Solution.

Hey Jason,
A reproducing VI would be any VI that contains an array of clusters with a system control boolean inside. Here's an example:
Single Boolean, Single Cluster, and Array of Booleans all show the proper mouseover image.
Array of Clusters always shows the mouseover effect on the last element which was clicked, but does not show the mouseover effect on other array elements (actually, it seems to be inconsistent--every now and then it does show the mouseover effect on other array elements but it is not at all reliable).
Best Regards,
John Passiak
Attachments:
MouseoverTester.vi ‏9 KB

"View Selected Item" does not display

I'm using RoboHelp7 out of the Technical Communication Suite.
When I'm working on a topic and select the
View Selected Item button, the topic does not display. When
I first tried yesterday, nothing happened (IE didn't open and there
was nothing in my tray). I contacted Oversea's support and was
informed that there wasn't an incident for this occurance. I was
instructed to uninstall and reinstall RoboHelp.
I uninstalled and reinstalled the applications and the button
still doesn't work; however, this time there is an hourglass for an
instant before not producing any results.
The button doesn't work with anything that I've created or
with the example projects (Clownfish School). Any help would be
greatly appreciated. I'd hate to have to regenerate the project
just to look at a quick change.
Thanks,
Matt

Sounds like I need to add a note to that Snippet. Thanks.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

Image does not display when selected

Images are not displayed on opening. Progress bar "Reading Photoshop format" runs and fnishes. Layer info is displayed at right. But the image is not shown in the work space.
(Added) Problem occurs with PSD and DNG (ACR) file types only. JPG files open fine. DNG opens in ACR but the "Open" button has no effect. PSD does not appear at all, when selected.
Any ideas appreciated.

Looks like stopping/restarting PS resolved this issue, at least for the moment. I'm quite new to the Mac World, and may have pressed some wrong keys/combinations (?).

Favicon.ico image does not display consistently for our application,

Hi,
We have configured a favicon.ico for our application as below code snippet and referring to the favicon.ico image correctly. The icon file is available in our war file post deployment. The problem is some times it displays correctly and sometimes it does not display correctly.
<af:outputText value="<link rel='SHORTCUT ICON' href='#{facesContext.externalContext.requestContextPath}/images/favicon.ico'/>" id="favicon" escape="false"/>
Can anyone point to any issue related to browser caching or application server caching and any possible fix to this intermittent behavior.
regards,
Chandra.

Browser caching might be a problem, but we can't help as it is a browser issue. All I can say is to clear the browser cache and see if the problem can be reproduced. If yes it doesn't look like a browser problem. Then you have to check if you are connection via proxy which might cache images too. Ask your network admin for help then.
Do you see this problem only with one browser? Have you check other browsers?
Timo

Image does not display on my podcasts

I had tried everything but the image linked to my podcast does not display.
Here is the link:
http://www.researchtopractice.net/podcast/feed/bcu.xml
The feeder is validating, I have the correct sizes but cannot understand why the image does not show up.
Any help will be appreciated.
Joao

There are two different images you need. One for the feed. This is the one that shows up on the main iTunes store page for your podcast. This image does not get added to the individual episodes when it is downloaded.
To get Album Art work into the individual episode you need to add the image into the ID3 tags BEFORE you upload the MP3 file. See this tutorial on how to do that.
http://www.podcast411.com/id3tags.html
Rob @ podCast411

Dreamweaver CC Design View background image render problem

Why in Dreamweaver CC does the Design View show any background image (CSS or HTML placed) with its top missing? The websites I produce with background images show fine in Live View and in the browser but why does the Design View have a problem with the positioning? CS5 didn't have this problem?

Please see attached screenshots, any ideas? You may not be able to see the red and green annotations, so just incase:
1. WRONG: The left screenshot is the Design View from Dreamweaver and this moves the grey background image up behind the header
2. CORRECT: The right screenshot is the Browser View and this is fine, showing the grey background image in the correct position.

Dreamweaver CS4 Live View

When I view my layout in Live View, it shows as it should, but does not show in either FF or IE correctly. Anyone know why that happens?

Hi
You are not going to like this, but, the simplest way is to go back to using 'normal' css layout methods, (float etc,) for everything. Remember you would have to do this in an alternative css style sheet for IE6/7 anyway, and as they combined still have 20%-25% of the browser market share they cannot be ignored.
Using the css display tables is still unfortunately 2-4 years away.
I did say you would not like the answer .
PZ

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

Background images are not displayed (CSS, other images ok

I tried clearing cache, looked at about:config for weird configurations, did a private browser window and disabled all extensions. None of these had any effect.
Test pages: Amazon.com and https://developer.mozilla.org/samples/cssref/background-image.html - both of these pages have background images loaded by CSS. For example, Amazon's logo at the top left is a background loaded from a CSS page. The image itself can be viewed raw:
http://g-ecx.images-amazon.com/images/G/01/gno/sprites/global-sprite-v1._V339353059_.png
So can this image:
https://developer.mozilla.org/samples/cssref/images/starsolid.gif
But why, why why do these images display on their relevant webpage? I see Amazon, eBay, and many other websites without a full complement of images. Especially the ones used for menus and other important navigation buttons.
Here is what I see on the Mozilla page mentioned above: I see the text, but no repeating star image. This works in other browsers and on other computers in Firefox.
The page I am typing on right now has no blue background, the entry windows are not correct (like the search window is not a rounded gray box) and the search magnifying glass is missing. So this experience makes even simple pages impossible to use.
Firefox 32, Vista

You did make sure that there isn't a high contrast theme selected in Windows like I posted above?
*http://windows.microsoft.com/en-us/windows-vista/make-the-computer-easier-to-see-optimize-visual-display

Dreamweaver CS4 Live View - background-image does not display

Similar Messages

Maybe you are looking for