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.

Similar Messages

Trouble: absolute center background image to adjust when window size adjusts

Hello DW experts!
I would really appreciate some help in getting my background image to be perfectly centered, and then adjust to always be in the center when the window size is adjusted. Here is an example of what I am looking for:
[http://www.wpdfd.com/editorial/thebox/deadcentre4.html | http://www.wpdfd.com/editorial/thebox/deadcentre4.html]   I have searched and found a lot of resources online, and I have tried there different options (i.e. background: cover, absolute, z index etc.). Here is a link to the homepage, goal is for the words Apex to show up in the center. It does not only if viewed on a large monitor. Goal is if the monitor is smaller or the person adjusts the window for the word Apex to adjust and remain as centered as possible. There will be content covering it on some pages so it does not have to be perfect.
[http://sellurownhouse.com/ | http://sellurownhouse.com/]    Thanks in advance for any help!
body {
background-color: #000;
margin: auto;
background-image: url(images/wallpaperx.jpg);

body {
     width: 980px; /**adjust as req'd**/
     margin: 0 auto; /** with width, this is centered on screen**/
     background: #000 url(your_background.jpg) no-repeat center center;
Nancy O.

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.

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

Trying to apply an element background image results in broken window chrome

Hi everybody. First, thanks for the work on Muse. It's great.
I'm having a problem though. When I attempt to apply a background fill image to an element, the Import dialog window UI appears to be missing some vital buttons and information? Hmmm... I have attempted to test this trying a different Muse file altogether. Same result. I have tried to apply a background fill image on different UI elements. Same result. However, I can successfully set the background fill color.
The attached screens below offer some additional insight.
Clicking the "Add image" option results in the following:
Notice there are no buttons? The screen is frozen in this state. Worse, I can't Task Manager bomb this thing either cause that opens up behind the frozen view. Nasty lil'...
Thanks in advance for your input and suggestions.
s

Ok. Perhaps I fixed my own problem. Thought I would share...
I adjusted my display settings to 125% for fonts.
Now the buttons are back.
I'll try going back to 100% (best practice for Muse/Windows 8 I believe?) and report back...

Image doesn't fill the screen on my mac book, Why?

I have two black strips, one up each side of the screen and I can't find away of getting the image to fill the screen again.

it doesn't sound like you actually figured it out.
image taken fromt he web and edited to show you where the setting are.
You can choose to right click your desktop or go to system preferenes. they all lead you to this screen.
if you are in system preferences and don't see where Desktop & Screen Saver settings are just type it in the search area.
this image was found in a google search.

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

Background image in extended awt.Button doesn't show.

Hi all
I have an applet that has only an awt.Button visible on the page. Because of layout requirements I need to style that button with a background image. I have extended the java.awt.Button like this:
     class ImageButton extends Button {
          public void paint(Graphics g) {
               super.paint(g);
               g.drawImage(getImage(getDocumentBase(), "../img/loadSertificate.jpg"),
                         0, 0, null);
     }and use the extended:
     public void init() {
          mSignButton = new ImageButton();
          mSignButton.setLocation(0, 0);
          Dimension appletSize = this.getSize();
          mSignButton.setSize(appletSize);
          mSignButton.addActionListener(new ActionListener() {
               public void actionPerformed(ActionEvent e) {
                    signSelectedFile();
          this.setLayout(null);
          this.add(mSignButton);
     }Now everiting is ok but when the applet is loaded the background image doesn't show and only a plain gray button is visible. The interesting part is that the image does show after I click somewhere in the browser's window and later on it's always visible as expected.
Below is part from the log from the java console:
basic: Applet started
basic: Told clients applet is started
Loaded image: http://ip:8080/UserManagement/img/loadSertificate.jpg
network: Cache entry found [url: http://ip:8080/UserManagement/img/loadSertificate.jpg, version: null]
network: Connecting http://ip:8080/UserManagement/img/loadSertificate.jpg with proxy=DIRECT
network: Connecting http://ip:8080/UserManagement/img/loadSertificate.jpg with cookie "JSESSIONID=8A0936441BDA3215A10D9798742C4685"
network: CleanupThread used 39850 us
network: ResponseCode for http://ip:8080/UserManagement/img/loadSertificate.jpg : 304
network: Encoding for http://ip:8080/UserManagement/img/loadSertificate.jpg : null
network: Disconnect connection to http://ip:8080/UserManagement/img/loadSertificate.jpg
Loaded image: http://ip:8080/UserManagement/img/loadSertificate.jpgAny suggestions how to fix this issue?!
Edited by: factor5 on Nov 12, 2009 1:27 AM
Edited by: factor5 on Nov 12, 2009 1:28 AM

xmm sry but this was a forgotten repaint() :
          public void paint(Graphics g) {
               // call super's paint method
               super.paint(g);
               g.drawImage(getImage(getDocumentBase(), APPLET_BUTTON_IMAGE_URL),
                         0, 0, null);
               repaint();
          }Now it seems to work fine.
Edited by: factor5 on Nov 12, 2009 1:44 AM

Weird issue with background image (Safari)

Just wonder if anyone can shed any light on this one....
Basically have a design in progress here:
http://www.hpwebdesign.co.uk/rachelworrall/index101.php
All was fine until I added the three images that fade into one another using the Ultimate Fade In slideshow script ( http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm )
When the page is initially loaded in Safari (5), the top section of the background image doesn't display - it starts just beneath the main content below the navigation.
The weird part is that it literally only takes a click of the mouse outside that Safari window to make it appear. A refresh, however, won't.
It seems fine in Firefox on a Mac, and the client didn't report any issue in IE.
Can anyone with Safari have a quick look and replicate that glitch? If not, then it might just be some weird local issue here.
Many thanks.

I've put up a couple of screenshots here:
http://www.hpwebdesign.co.uk/rachelworrall/screenshots.htm
Its like that in Safari 5.0.3 (and 5.0.4 which I've just updated.)
Again, it literally just needs a click out of the Safari window to make it appear correctly as per the second screenshot.
Its like this on a 27" iMac, but had a look on the macbook, and its fine on there.
So if it looks OK with anyone else, I'm just going to put it down to a weird glitch on my machine here.

Footer over background image

I have a site with a large different background image behind every page. I want the footer to be stick to the bottom of the browser window, with the background image going behind the footer.
Muse pushes the footer below that background image.
Suggestions?
Jeff

Hello, I can think of 2 ways to fix this.
1. Use this background image as browser fill and it will stay behind the footer.Second half of the video below explains how to do that.
Add an image to the background of the page or browser | Adobe Muse CC tutorials
2. You can also use layers tab in muse.
    Create a new layer in Layers tab
    Move the new layer below the existing layer (drag and drop).
    select the footer items and move them to the lower layer by right click > Move to layer > select the lower layer. Make sure Footer items are below the layer that has the background image. Check more about layers in the like : Adobe Muse Help | Working with Layers
Regards
Vivek

Button with full background image

Hello,
I want to have a button with a image as background.
The background image has to fill the complete button background.
If you see the screenshot (url) , there is space around the image.
I have add a red border to see that the button size != background image.
I also tryed style with -fx-background-repeat: repeat-x;
[http://office.techniconsulting.be/~peeters/button.png]
Button button = new Button();
ImageView imageViewOn = new ImageView();
imageViewOn.setImage(....);
ImageView imageViewOff = new ImageView();
imageViewOff.setImage(imageViewOff);
button.setText(this.name);
button.setGraphic(imageViewOff);
button.setContentDisplay(ContentDisplay.CENTER);
button.setStyle("-fx-border-color: red; -fx-border-width: 1;");

Maybe not the perfect solution, but you can make the background transparant of the button so you won't see the button.
button.setStyle("-fx-background-color: rgba(0%,0%,0%,0)}");Else I would say, don't use a button and create your own.
-Stackpane
--ImageView with image
--text
For events, you can put events on the StackPane..
Edited by: FXdude on 25-jan-2013 5:02

Scaling background images

hello.
I want to have my background image scale with the window
size.
is this possible?
its not a picture so image quality isnt an issue.
its a black rectangle with a line on it diagonally.
but on larger screens it repeats etc.
many thanks

Background images do not scale, they tile. However, one way
to do what you
want would be to use 'layers':
Place a layer on the page (z-index of 1) and place your
diagonal stripe
image into that layer. Make the layer start at left:0 and
top:0 and make
the image have 100% width / 100% height.
Place another layer on the page (z-index of 2), and build the
rest of your
page within that layer.
Be aware that there are many drawbacks to using this
approach, and in fact,
it may not work well just due to other layout constraints on
your page.
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
==================
"brisboy" <[email protected]> wrote in
message
news:fqguvn$o1s$[email protected]..
> hello.
> I want to have my background image scale with the window
size.
> is this possible?
> its not a picture so image quality isnt an issue.
> its a black rectangle with a line on it diagonally.
> but on larger screens it repeats etc.
> many thanks
>

Export background images in bulk

Does anyone have problems exporting background images in bulk? After I capture a series of images and try to export them all at once to an external library, only the first few images export. Additionally, their names are cut off in the new folder. Any suggestions?

Since I cannot designate a file location for each background image (this is under the "type" column when you select the "update" feature in the library), I need to force that location to a drive on my computer. Therefore, I need to export all the background images to the location on my computer than reimport those images into different projects.
I don't understand why Captivate does not allow background images created using the software simulation manual mode to be exported in bulk. It is very time consuming to export than one at a time.

Exclusive Fullscreen mode

Hi
Whilst i can switch my windows into fullscreen mode via graphicdevice that doesn't make Windows, so for platform inter exchangability, i'm emulating a fullscreen setting, by extending the window beyond the bounds of the screen, which works grand.
Regardless of GraphicsDevice way or the (dodgy) Windows way, i can't get something that hides the kicker in KDE (3.1 or 3.0.5 or 3.0.3) or the taskbar.
So my question how do i get the OS (or whatever) to return a true on GraphicsEnvironment's .isFullScreenSupported()?
OR
How do I get something like an "Always on top" setting, which would (in theory) go over the top of the taskbar / kicker.
If more detail is required on what the problem is, grab the code from http://naiv.sourceforge.net , and check it out.
The code in question is in NAIV_Viewer.java at setupFullscreenSupport().
Any help would be appreachiated.
Christian chakkerz Unger

Check out the Java Tutorial on Full Screen Exclusive mode in the tutorials homepage. You will need JDK1.4 for this.
As for the Always on top code, I have some code that a kind person named Mitch Goldstein posted here in the forum. You can email him for this code but ask someone in this forum for his email address as I dont have it.
Alternatively, look at:
http://forum.java.sun.com/thread.jsp?forum=25&thread=230042
Hope this helps
Riz

Background image doesn't fill window in fullscreen mode

Similar Messages

Maybe you are looking for