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
Similar Messages
-
I have index.jsp at the root level. I this redirects to xrate.jsp at the following path: WEB-INF/views/jsp. At the same level is include.jsp and includeTop.jsp. My images are at WEB-INF/images. CSS files are at WEB-INF/styles. Here's thier jsp declaration code:
xrate.jsp
<%@ include file="include.jsp"%>
<%@ include file="includeTop.jsp"%>
<html>
<head>
<title></title>
</head>
<body>
<h1>
Application - Borrower System
</h1>
</body>
</html>include.jsp
<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8"
contentType="text/html; charset=utf-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jstl/fmt" prefix="fmt"%>includeTop.jsp
<%@ include file="/WEB-INF/views/jsp/include.jsp"%>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="../../styles/xrate.css" />
</head>
<body>
<div id="logo">
<img src="../../images/xrate-logo.jpg" width="720" height="140" border="0" alt="Logo" />
</div>
</body>
</html>xrate.css
div#logo {
width: 720px;
height: 140px;
background: #A8A8A8;
}When xrate.jsp loads, I get everything except the image doesn't display, just its placeholder with the alternate text.
I am using MyEclipse's jsp visual designer and in the preview mode, the image properly shows. I've checked the deployed files and everything is in the correct location. Also, the browser is set to allow images to download.
Any ideas anyone??Take your images/styles out of the WEB-INF directory.
The WEB-INF directory is protected from the browser.
Nothing requested from the WEB-INF directory will be served directly. You can forward/include these resources from other servlets/jsps but they can't be accessed from a direct url.
Shifting images/styles out of the WEB-INF directory should fix it.
You will of course have to fix your links.
Note that links are resolved relative to the requesting uri (or the html <base> tag if present), not necessarily to the actual location of the JSP. -
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,
JohnGood 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
>>>>>
>>>>
>>>
>>
> -
Spry tab menu background image is not displaying on remote server
Hello All,
I have a problem with spry tab panel, it is not displaying image in the background when it is active, it is working properly in local server but when i upload to remote it vanishes.
Here is the link
http://www.geftas.com/temaritestpage/about.html
Also I am uploading Css and html code below
Any help would be exteremely appreciated.
Thanks
<!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=utf8"/>
<meta http-equiv="content-type" content="cache" />
<meta http-equiv="robots" content="INDEX,FOLLOW" />
<meta http-equiv="keywords" content="Enter Keywords"/>
<meta http-equiv="description" content="Description Here" />
<title>TEMARI&CO. | Business Strategists</title>
<link href="css/about.css" rel="stylesheet" type="text/css" media="screen" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="navigation">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">HOME</a></li>
<li><a href="about.html" class="current">ABOUT</a></li>
<li><a href="#" class="MenuBarItemSubmenu">CONSULTING</a>
<ul>
<li><a href="#">Business Plan</a></li>
<li><a href="#">Marketing Plan</a></li>
<li><a href="#">Incorporation</a></li>
<li><a href="#">Accounting System</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">INDUSTRIES</a>
<ul>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
<li><a href="#">OUR PROCESS</a></li>
<li><a href="#">CAREERS</a> </li>
<li><a href="#">CONTACT</a></li>
</ul>
</div>
<div class="shadow" id="content">
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">values</li>
<li class="TabbedPanelsTab" tabindex="0">people</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<div id="scrolltext">
<h1>Heading1</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. N</p>
</div>
</div>
<div class="TabbedPanelsContent">
<div id="scrolltext">
<h1>Heading1</h1>
<p>Lorem n, </p>
<h1>Heading1</h1>
<p>Lorem ipsum dolor sit amet, , </p>
<h1>Heading1</h1>
<p>Lorem ipsum dolor sit a, </p>
<h1>Heading1</h1>
<p>Lorem ipsum dolor sit amet, </p>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="legal">
<ul>
<li>Copyright © 2012 Temari&Co</li>
<li>| Privacy Policy |</li>
<li>Terms of Use</li>
</ul>
</div>
<div id="socialmedia">
<ul>
<li><img src="images/fbicongri.png" width="20" height="20" alt="fbicon" /></li>
<li><img src="images/gicongri.png" width="20" height="20" alt="gicon"/></li>
<li><img src="images/linkedinicongri.png" width="20" height="20" alt="linkedin"/></li>
<li><img src="images/twittericongri.png" width="20" height="20" alt="twitter"/></li>
</ul>
</div>
</div><!-- end footer-->
</div><!-- end wrapper-->
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
.TabbedPanels {
overflow: hidden;
margin: 0px;
padding: 0px;
clear: none;
width: 100%;
height:100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
.TabbedPanelsTab {
position: relative;
float: left;
background-color: #FFF;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
font-weight: normal;
color: #666;
height: 30px;
width: 116px;
text-transform: uppercase;
text-align: center;
line-height: 30px;
margin: 0px;
padding: 0px;
.TabbedPanelsTabHover {
background-image: url(../../SUPEROLDU/images/menubaractive.png);
background-repeat: repeat-x;
color: #FFF;
.TabbedPanelsTabSelected {
background-image: url(../../SUPEROLDU/images/menubaractive.png);
background-repeat: repeat-x;
color: #FFF;
height: 30px;
width: 116px;
.TabbedPanelsTab a {
color: black;
text-decoration: none;
.TabbedPanelsContentGroup {
clear: both;
background-color: #FFF;
height: 100%;
width: 824px;
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #666;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: dotted;
border-top-color: #CCC;
border-right-color: #CCC;
border-bottom-color: #CCC;
border-left-color: #CCC;
.TabbedPanelsContent {
height: 100%;
width: 100%;
overflow:hidden;
.TabbedPanelsContentVisible {
.VTabbedPanels {
overflow: hidden;
zoom: 1;
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
background-color: #EEE;
position: relative;
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
/* Styles for Printing */
@media print {
.TabbedPanels {
overflow: visible !important;
.TabbedPanelsContentGroup {
display: block !important;
overflow: visible !important;
height: auto !important;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
.TabbedPanelsContent {
clear:both !important;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 744px;
.TabbedPanelsTab {
overflow: visible !important;
display: block !important;
clear:both !important;Assuming these are the images you're trying to display:
.TabbedPanelsTabHover {
background-image: url(../../SUPEROLDU/images/menubaractive.png);
background-repeat: repeat-x;
color: #FFF;
.TabbedPanelsTabSelected {
background-image: url(../../SUPEROLDU/images/menubaractive.png);
background-repeat: repeat-x;
color: #FFF;
height: 30px;
width: 116px;
You have 2 root paths in your URL code. I think this is how your file structure looks like on your local computer. However, on a remote server, ../ by itself means you're pointing to the root folder of your website. Your URL linkage should be corrected based on the relativity and your background will work without a problem. -
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. -
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, VistaYou 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 -
Background Image Centering and Display issues in Internet Explorer--affecting home page only??
Hi--my web site is www.vergent.net, and for some reason, the background image will not center in Internet Explorer, but I'm having this issue only on the home page. (And only in IE. I am looking at it on IE 9). I've tried a number of workarounds, and nothing is working. Strangely, the same Master applied to other pages looks fine.
Please help!
A few more details:
The background image is placed into the Master page via the "browser fill" method. I tried a workaround where I just paste the background image directly onto the page and then placed content over that. However, IE doesn't seem to read the z-index information correctly. The result is that the background image winds up on top of all the content in IE using this method.
Any help will be most appreciated.
Thanks,
JenniferPS, I have temporarily resolved this problem by uncentering the content and just pinning everything flush to the left.
-
I don't know what to do anymore! Background Image is not displayed???!!!
Hey there!
I'm just trying to show a simple jpg in the Background Layer and it does not seem to work! I really need this for my diploma and i do not know where i made the mistake and it is compiling without errors!! Yet the picture is not shown.. Could somebody help me please? Any answer would be very helpful for me for i don't know what to do anymore..I am testing my Xlets with XletView 3.6..
Here is the code i tried:
public class BackgroundImage extends HComponent implements Xlet, Runnable{
private HScene scene;
private Image image;
private HaviBackgroundController backgroundManager;
private XletContext context;
private Thread myWorkerThread;
public BackgroundImage()
public void initXlet(XletContext context) throws
javax.tv.xlet.XletStateChangeException
this.context = context;
public void startXlet() throws javax.tv.xlet.XletStateChangeException
myWorkerThread = new Thread(this);
myWorkerThread.start();
public void pauseXlet()
pause();
public void destroyXlet(boolean unconditional) throws javax.tv.xlet.XletStateChangeException
if (unconditional) {
destroy();
public void run()
getResources();
showBackgroundImage();
public void getResources() {
HSceneFactory factory = HSceneFactory.getInstance();
HSceneTemplate hst = new HSceneTemplate();
hst.setPreference(
HSceneTemplate.SCENE_SCREEN_DIMENSION,
new org.havi.ui.HScreenDimension(1,1),
HSceneTemplate.REQUIRED);
hst.setPreference(
HSceneTemplate.SCENE_SCREEN_LOCATION,
new org.havi.ui.HScreenPoint(0,0),
HSceneTemplate.REQUIRED);
scene = factory.getBestScene(hst);
Rectangle rect = scene.getBounds();
setBounds(rect);
setVisible(true);
setBackground(Color.black);
scene.add(this);
scene.setVisible(true);
this.requestFocus();
public void showBackgroundImage() {
MediaTracker tracker = new MediaTracker(this);
image = Toolkit.getDefaultToolkit().getImage("background.jpg");
tracker.addImage(image, 0);
try{
tracker.waitForAll();
catch(InterruptedException e) {
image = null;
backgroundManager = new HaviBackgroundController();
if (backgroundManager.init()) {
backgroundManager.display("background.jpg");
public void pause()
scene.setVisible(false);
backgroundManager.dispose();
public void destroy()
scene.setVisible(false);
scene.remove(this);
image.flush();
image = null;
backgroundManager.dispose();
HSceneFactory.getInstance().dispose(scene);
scene = null;
}Sorry, i forgot about that..
I tried the HaviBackgroundController Class of Steve Morris (thanks a lot for that great Tutorial!). It is as follows:
class HaviBackgroundController implements ResourceClient{
private HBackgroundDevice backdevice;
private HStillImageBackgroundConfiguration backconfig;
public boolean init()
HScreen screen = HScreen.getDefaultHScreen();
HBackgroundDevice backdevice = screen.getDefaultHBackgroundDevice();
HBackgroundConfigTemplate backgroundConfigurationTemplate = new
HBackgroundConfigTemplate();
backgroundConfigurationTemplate.setPreference(
HBackgroundConfigTemplate.FLICKER_FILTERING,
HBackgroundConfigTemplate.REQUIRED);
HBackgroundConfiguration backconfig;
backconfig = backdevice.getBestConfiguration(
backgroundConfigurationTemplate);
if (backdevice.reserveDevice(this))
try
backdevice.setBackgroundConfiguration(backconfig);
catch (Exception ex)
System.out.println("Can't initialise the background device");
backdevice.releaseDevice();
return false;
if(backconfig instanceof HStillImageBackgroundConfiguration)
this.backconfig = (HStillImageBackgroundConfiguration)backconfig;
this.backdevice = backdevice;
return true;
else
backdevice.releaseDevice();
return false;
public void dispose()
if (backdevice != null)
backdevice.releaseDevice();
backdevice = null;
backconfig = null;
public void display(String filename)
if(backconfig != null) {
HBackgroundImage backimage = new HBackgroundImage("background.jpg");
try {
backconfig.displayImage(backimage);
catch (java.io.IOException ioe) {
System.out.println("Can't display background image - IO exception");
ioe.printStackTrace();
catch (HPermissionDeniedException hpde) {
System.out.println("Can't display background image - permission denied");
catch (HConfigurationException hce) {
System.out.println("Can't display background image - configuration exception");
hce.printStackTrace();
public boolean requestRelease(ResourceProxy proxy, Object requestData) {
return false;
public void release(ResourceProxy proxy) {
backdevice.releaseDevice();
public void notifyRelease(ResourceProxy proxy) {
backdevice.releaseDevice();
} -
Background image no longer displays
I have been editing the same site for years. Today when I
opened Contribute and selected a page to edit, the background image
did not appear in the draft. The background was gray instead. I
tried changing the background to a color as an experiment and it
won't change. Its stuck on this gray color. I am afraid to edit the
page and upload the changes.
The web site appears normally in safari. I tried editing
other pages on the site and the same thing happens on those pages
too.
Thanks for the help in advance.The background displays fine in Contribute CS3, so I assume
you have CS4.
I guess it has something to do with the way Contribute
handles the setting of the background.
Your doctype declaration is <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN">.
In that version of html it's not allowed to have a background
attribute in a td tag.
Most of the times browsers do not punish you for these
mistakes, but since standards ar marching on, maybe they will be
less forgiving in future. Apparently Contribute CS4 does punish
this mistake.
You should solve this by using css to style your html
documents. Or just ignore this as long as you can edit the site and
it displays OK in the browsers. -
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. -
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 -
XFCE: background-image with gradient displays incorrect
If I use a desktop-backgroundimage with a gradient, XFCE doesn't display it correct. It looks like if it uses 16bit color depth instead of 24bit. But I can't find anything to check which color depth it uses.
If I open the same image in GIMP, GIMP displays the gradient as it should. It also works in GNOME.
Part of a screenshot in XFCE:
Part of a screenshot in GNOME:
How to fix this?Yep i have the same problem here ?
whats up with it? ANyone? -
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, -billThe 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. -
Image Doesn't Display in Region
Hi All,
i have add picture of employee in my form with report option.employee picture is display in report .
For editing i have created an region for edit Employee Image .
Now problem is when i click on Edit Button in Report then control move to second page but Emploee image Does not display in Image Region .
My Image Region Code
Image Region Condition PL/SQl Funtionon Body Returning Boolean
declare
begin
if :P20_EMPLOYEE_ID is not null then
for c1 in (select nvl(dbms_lob.getlength(EMP_IMAGE),0) l
from HR_EMP_PERSONAL_INFO where EMPLOYEE_ID = :P20_EMPLOYEE_ID)
loop
if c1.l > 0 then
return true;
end if;
end loop;
end if;
return false;
end;i have created one Display as Text (Save State ) ITEM.
Source Type
return '<img src="'||apex_util.get_blob_file_src('P20_EMP_IMAGE',:P20_EMPLOYEE_ID)||'" />';Item Condition type Exists ( SQL Query Returning at least One Row)
SELECT mimetype from HR_EMP_PERSONAL_INFO where EMPLOYEE_ID = :P20_EMPLOYEE_ID and mimetype like 'image%'My First page Report Query
select EMPLOYEE_ID,
EMP_NAME,
EMP_DOB,
EMP_MARITAL_STATUS,
LOCATION,
DESIGNATION,
decode(nvl(dbms_lob.getlength(EMP_IMAGE),0),0,null,'<img src="'||apex_util.get_blob_file_src('P20_EMP_IMAGE',EMPLOYEE_ID)||'" height="75" width="75" />') Picture from HR_EMP_PERSONAL_INFO
Where is i am wrong .How can i display image in Image Region.
Thanks
Edited by: 805629 on Feb 2, 2011 2:34 AM
Edited by: 805629 on Feb 2, 2011 2:35 AM
Edited by: 805629 on Feb 2, 2011 2:36 AM
Edited by: 805629 on Feb 2, 2011 2:43 AMHi jairohernan ,
use WORKSPACE_IMAGES or APP_IMAGES instead of IMAGE_PREFIX
<img src ="#WORKSPACE_IMAGES#LOGO.jpg" />
Note : Give More Details to get quick solution.
Regards,
Jitendra -
Image doesn't display in my autoresponder email
Hi,
I have setup an autoresponder email so when someone completes my webform they receive an email with my signature (which includes an image which I uploaded to the images folder and inserted into the Auto responder) but the image isn't displaying. Any help would be appreciated.
Thanks,
TammyMake sure that the image source (src) has an absolute path ie src='http://www.yourwebsiteaddress.com'. Also, note that some email clients will not display an image if it does not have width and height declarations...but it is likely that the former is the issue...
@webmosphere
www.webmosphere.co.uk
Maybe you are looking for
-
Hi All, I have been trying to fix this for days now. I have tried solutions in many articles but to no avail. So while the error message is something you may have seen may times, I just can't find a solution in my case. This is the error: And in text
-
I'm trying to download a purchased app but it keeps telling me my apple ID has been disabled. I've changed my password 3 times and it still says the same thing. what do I do?
-
Photo Booth crashes when I try to play a video in lion?
Everytime i try to play a video i took in photobooth is stops responding, and either crashes or i have to force quit it. This only started happening after i instaled lion. Anyone else having this problem?
-
Is anyone having trouble downloading one to one - I have been unable to all weekend and this morning
Is anyone having trouble downloading one to one? I have been trying all weekend and this morning and it simply sits there loading but after 15 minutes it is still loading and so I quit the program.
-
Unicode Kernel Diagnostics Agent install on non_unicode kernel System.
We have some ECC 6.0 ABAP systems that do not have a unicode kernel. The diagnostics agent setup guide for Netweaver 7.0 says you should have a unicode kernel DVD for the diagnostics agent install. I was hesitant about using a unicode kernel for t