Border problems with background image

Hello

I have a problem with my background image. I have fillings of browser size the original value and activated scale option in the middle. The image has a resolution of 1920x1080px. But when I now change the size of my browser I get a white border on the left or on the right size.


Small to large size of Office Office:

https://DL.dropboxusercontent.com/u/84237067/kleinzugross.PNG

Large size of small office desktop:

https://DL.dropboxusercontent.com/u/84237067/grosszuklein.PNG

Hope you understand me, my English for this specific part is not perfect it.

Greetings

Marcel

I checked out the site but don't see any white space on the page with large screens, I think that you have already solved the problem?

Thank you

Sanjit

Tags: Adobe Muse

Similar Questions

  • Menu Spry, problems with background images in Internet Explorer

    Hello

    Looking for help from someone more qualified than me with some menus spry.  I have problems with background images don't show is not for some of my items menu in Internet Explorer.  Safari and firefox seem to accept it's ok.

    Here is a link to the menu: http://www.scottbrownwebdesign.com/beta/HTML/index.html

    and here is a link to the spry .css: http://www.scottbrownwebdesign.com/beta/HTML/SpryAssets/SpryMenuBarHorizontal.CSS

    I know that these are the elements that have the drop down or the side of the arrows.  I can't have two background images that I can?

    Thanks in advance,

    -Scott

    My first thought...

                         display: inline;          f\loat: left;          background: #FFF;
    
    Try declaring the background-image here as well... where it says not to mess with unless you know what you are doing.
    
    I'm just guessing though. If I had more time I'd look into it further but I do not.
    
  • Problem with background Images and scrolling

    I had to face for a while to get background pictures are working properly. Here's what I do:

    VFM VerticalFieldManager = new VerticalFieldManager();

    Card of bitmap = Bitmap.getBitmapResource ("MyImage.jpg");

    Background bg = BackgroundFactory.createBitmapBackground (map);

    vfm.setBackground (bg);

    This works, but has entrapment. First of all, he painted only as much as you have fields too much room, so I have to add empty fields just to occupy vertical space. However, on a page with something like a listField, where the height is variable, this can lead to what the background image are starting to repeat and to allow scrolling.

    What I want to do is to block all the scrolling and have the training exactly fill the screen with no scrolling or white empty places.

    I'll just on this wrong? Would really love to help...

    Hello

    Hope this will help you.

    class LoginScreen extends MainScreen {    //Manager        private VerticalFieldManager _manager;
    
        LoginScreen() {        //Set Background image            _manager = (VerticalFieldManager)getMainManager();            Background bg = BackgroundFactory.createBitmapBackground(Bitmap.getBitmapResource("back.png"));            _manager.setBackground(bg);
    
       }}
    

    Add this manageron your screen don't add any component in this handler.

    You add fields in the Manager of the other, and adds that the Manager on the screen.

    Let me know if this solves your problem or not.

  • Problem with large image as the background

    Hello

    I would like to add a picture as a background on my site. I would like this picture takes the entire width of my page but I need a space on top to my menu and another down.

    I tried using the slide show "basic", but once in the right size, I can't move my image in the selection.

    This is a site about photography, the position of my images is very important.

    Do you understand what I mean? Thanks for the help.

    It is indeed a challenge. When you use a background image as a complete browseror put a slide show in full screen, you are not in control of the exact framing more. Simply because you do not know the size of the browser window! That is why the Web page must be able to scale and crop your picture automatically. The only preparation you can take, is to edit your original to anticipate for a view centered when you use the slide show. And with a background image as browser fill, you have even more options, to fill or Mount the whole image and place the point of origin:

    Web design, you are not in control of everything...

    Get used to this principle and sing: Let it go for it!

  • Alignment of header with background image

    I have problems trying to align my header with my background image image. I created a table with a width of 100%. The height of my image is 108px. I can't get the cell as 108px also.

    I get the error message "the value you entered would make this table becomes lower than its minimum size.» It will be reduced to a size valed. »

    So basically my background image starts a couple px before my image and therrfore dosent align correctly.

    Any ideas?

    Thank you so much Michael! I didn't know that a white in the cellular space, padding box does not mean 0. I put in zeros and problem solved!

  • PROBLEM WITH "MY IMAGES".

    When you click on a photo, I right click to edit, a zoomed image in appears, about one-eighth of the original image. How can I reduce the zoom to show the complete image, also is ready for editing.

    Hi Pernboy,

    Thanks for choosing Microsoft Community Forums.

    According to the description, it seems that you are having problems with the retouching of images while zooming. I'll be happy to help you with this problem.

    (1) what application you use to change the images? (Viewer Windows or Microsoft Office Picture manager?

    In the meantime, I suggest you to press the Ctrl key and scroll the mouse down and check if it reduces the zoom to the desired level, if you change the pictures with zoom.

    I hope it helps. If you have any questions about Windows in the future, please let us know. We will be happy to help you.

  • Problems with the image after the rotation of the

    Hello world

    I'm turning my .png image using the ImageManipulator library. Current rotation works fine, BUT - my image with alpha background is rendered on a gray square instead of alpha channel. What should I do with my image? How to preserve this alpha channel after rotation?

    OK, finally I managed to solve it. For those who are facing the same bugs with alpha channel by using ImageManipulator, you must change the method ' private Sub paintTransformedBitmap (Graphics g, int textureOriginX, int textureOriginY)

    private void paintTransformedBitmap(Graphics g, int textureOriginX, int textureOriginY) {
            // Make the drawing space transparent first before painting
            g.setGlobalAlpha(getBackgroundAlpha());
            g.setBackgroundColor(getBackgroundColor());
            g.clear();
            g.setGlobalAlpha(255);
            /**
             * Keep the precision of our transformation and Scale the drawing as
             * well. Scale is applied as though a matrix of the form
             *
             * 
             * | ScaleX  0     0|
             * | 0    ScaleY   0|
             * | 0       0     1|
             * 
    * is multiplied by the Transformation matrix * / dux int = Fixed32.div (transformMatrix [UX], resultantScaleX); DVX int = Fixed32.div (transformMatrix [VX], resultantScaleY); Duy int = Fixed32.div (transformMatrix [UY], resultantScaleX); dvy int = Fixed32.div (transformMatrix [VY], resultantScaleY); Necessary for alpha changes with Graphics.Clear 6.0 / / g.setColor (Graphics.WHITE); g.drawFilledPath (bitmapXPts, bitmapYPts, null, null); g.drawTexturedPath (bitmapXPts, bitmapYPts, null, null, textureOriginX, textureOriginY, dux, dvx, duy, dvy, bitmap); }

    Notice the end of the method - setColor and drawFilledPath now commented and image appears.

  • Text single line with background Image field

    Hello

    I have the following requirement for a small number of topics on BasicEditField, but I couldn't find answers to my requirement, so post to the same

    My requirement

    1 must be the only editor of line text field with a width and a predefined height.

    2. If a background Image(For better look-rounded edge image like in Broswer)

    3. If the number of characters exceeds the single line, it has scroll horizontally right and from characters to scroll left with the appropriate property of the ellipse.

    4. in entering an Enter key (Center of select navigation Keys), it should call my method to perform an action.

    Enjoy a quick help on this

    Thanks in advance

    Q1. BasicEditField.NO_NEWLINE will stop people pressing enter and get a new line.

    Regarding your second question, I recommend that you check out the two videos on screens and area managers.

    As a general rule, a field is laid out (i.e. tells his manager what size he needs and then this rectangle is placed), then painted.  Exhibitor is managed by managers and put sublayout on the page for the fields.  The more important than sublayout and put thing in page do is specify the scope (width and height) they need, which fiddles and managers to make using the measure.

    Once all fields was laid out, then the visible parts of each field are painted using paint.  I've never used subpaint.

    I hope this helps.

  • Puzzle pieces filled with background image?

    Hello community, there.
    On exactly 0:21 of this video: https://www.YouTube.com/watch?v=HTT6aaoq-OS ; the guy selects the pieces of the puzzle and then proceeds to copy them into a new layer. But the new pieces of the puzzle are now filled with the image of the background. Could you recognize this specific effect/technique or direct me to the shortcuts he used? Any help is greatly appreciated, friends

    PS. I think that it is a variant of the clipping mask - I tried with the clipping mask, but I can't get the search results

    After selecting the pieces of the puzzle, he selects the bg layer and press ctrl/cmd-J.

  • Grid height of container to 100% with background image

    Hello

    I am a beginner with grids of fluid... I want to get whaY I always used to call a div wrapper - up to 100% with a background image, so I can put all my tests on top of it... and I can't get the grid container to stretch 100%...

    I would like to use the container to contain the image, and then run the other diving on top (within) can it... someone please give me a leg upward?

    Thank you

    Try this:

    Resizable background image full Page

    Nancy O.

  • Please help: content still is not fixed with background image when I resize the browser window

    I am designing a Web site and want my content appear in the same location relative to the background image, regardless of whether or not the browser window is resized. How can I do this? (the content always moves when I preview the page)

    You can pin the object on the page so that it remains in the same position with any size of the screen.

    Thank you

    Sanjit

  • Problems with 'background' JFrame focus when adding a modal JDialog

    Hi all
    I am trying to add a modal JDialog to my JFrame (to use for the data entry), even if I have problems with the JFrame "focus". Basically, at the moment my program starts the JFrame and JDialog (loading program) very well. But then - if I move to another program (say, my browser) and then I try to go back to my program, it only shows the JDialog and the main JFrame is nowhere to be seen.

    In many ways the functionality I'm looking for is that of notebook: when you open the Find/Replace box (even though it is not modal), you can switch to another program, and then when you switch again Notepad the two main frame and "JDialog" - esque box is always on display.

    I tried to make it work for a couple of hours, but can't seem to. The closest I got is to add a WindowFocusListener for my JDialog and I hide it via setVisible once triggered windowLostFocus() (then my plan was to implement a feature similar in my class JFrame--though with windowGainedFocus - to redisplay the JDialog, i.e. once the user switches to the program). Unfortunately, this doesn't seem to work; I can't seem to get any window or window focus listeners actually pull all methods, in fact?

    I hope that this kind of sense lol. In short, I'm looking for the Notepad CTRL + R-esque functionality, but with a modal box. With regard to a 'short ': code list

    Main.Java
    // Not all of these required for the code excerpt of course.
    import java.awt.BorderLayout;
    import java.awt.Color;
    import java.awt.Component;
    import java.awt.Dimension;
    import java.awt.GraphicsEnvironment;
    import java.awt.Rectangle;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.awt.event.ComponentAdapter;
    import java.awt.event.ComponentEvent;
    import java.awt.event.FocusEvent;
    import java.awt.event.FocusListener;
    import java.awt.event.WindowAdapter;
    import java.awt.event.WindowEvent;
    import java.awt.event.WindowFocusListener;
    import java.awt.event.WindowListener;
    import java.beans.PropertyChangeEvent;
    import java.beans.PropertyChangeListener;
    import javax.swing.JButton;
    import javax.swing.JFrame;
    import javax.swing.JPanel;
    import javax.swing.JSplitPane;
    import javax.swing.UIManager;
    import javax.swing.plaf.basic.BasicSplitPaneDivider;
    import javax.swing.plaf.basic.BasicSplitPaneUI;
    
    public class Main extends JFrame implements ActionListener, WindowFocusListener, WindowListener, FocusListener {
    
         static JFrame frame;
         private static int programWidth;
         private static int programHeight;
         private static int minimumProgramWidth = 700;
         private static int minimumProgramHeight = 550;
         public static SetupProject setupProjectDialog;
    
    
         public Main() {
    
              // Setup the overall GUI of the program
              // ...
              
         }
    
         private static void createSetupProjectDialog() {
              // Now open the 'Setup Your Project' dialog box
              // !!! Naturally this wouldn't auto-open on load if the user has already created a project
              setupProjectDialog = new SetupProject( frame, "Create Your Website Project", true );
    
              // Okay, for this we want it to be (say) 70% of the progamWidth/height, OR *slightly* (-25px) smaller than the minimum size of 700/550
              // Change (base on programWidth/Height) then setLocation
              int currProgramWidth = getProgramWidth();
              int currProgramHeight = getProgramHeight();
              int possibleWidth = (int) (currProgramWidth * 0.7);
              int possibleHeight = (int) (currProgramHeight * 0.7);
    
              // Set the size and location of the JDialog as needed
              if( (possibleWidth > (minimumProgramWidth-25)) && (possibleHeight > (minimumProgramHeight-25)) ) {
                   setupProjectDialog.setPreferredSize( new Dimension(possibleWidth,possibleHeight) );
                   setupProjectDialog.setLocation( ((currProgramWidth/2)-(possibleWidth/2)), ((currProgramHeight/2)-(possibleHeight/2)) );
              }
    
               else {
                   setupProjectDialog.setPreferredSize( new Dimension( (minimumProgramWidth-25), (minimumProgramHeight-25)) );
                   setupProjectDialog.setLocation( ((currProgramWidth/2)-((minimumProgramWidth-25)/2)), ((currProgramHeight/2)-((minimumProgramHeight-25)/2)) );
               }          
              
              setupProjectDialog.setResizable(false);
              setupProjectDialog.toFront();
              
              setupProjectDialog.pack();
              setupProjectDialog.setVisible(true);
    
         }
    
    
         public static void main ( String[] args ) {
              Main frame = new Main();
              frame.pack();
              frame.setVisible(true);
              
              createSetupProjectDialog();
         }
    
            // None of these get fired when the Jframe is switched to. I also tried a ComponentListener, but had no joy there either.
         public void windowGainedFocus(WindowEvent e) {
              System.out.println("Gained");
              setupProjectDialog.setVisible(true);
         }
    
         public void windowLostFocus(WindowEvent e) {
              System.out.println("GainedLost");
         }
    
         public void windowOpened(WindowEvent e) {
              System.out.println("YAY1!");
         }
    
         public void windowClosing(WindowEvent e) {
              System.out.println("YAY2!");
         }
    
         public void windowClosed(WindowEvent e) {
              System.out.println("YAY3!");
         }
    
         public void windowIconified(WindowEvent e) {
              System.out.println("YAY4!");
         }
    
         public void windowDeiconified(WindowEvent e) {
              System.out.println("YAY5!");
         }
    
         public void windowActivated(WindowEvent e) {
              System.out.println("YAY6!");
         }
    
         public void windowDeactivated(WindowEvent e) {
              System.out.println("YAY7!");
         }
    
         public void focusGained(FocusEvent e) {
              System.out.println("YAY8!");
         }
    
         public void focusLost(FocusEvent e) {
              System.out.println("YAY9!");
         }
    }
    SetupProject.java
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.awt.event.WindowEvent;
    import java.awt.event.WindowFocusListener;
    import java.awt.event.WindowListener;
    import java.io.IOException;
    import java.net.URL;
    import javax.imageio.ImageIO;
    import javax.swing.JDialog;
    import javax.swing.JFrame;
    import javax.swing.JLabel;
    
    public class SetupProject extends JDialog implements ActionListener {
    
         public SetupProject( final JFrame frame, String title, boolean modal ) {
              // Setup the JDialog
              super( frame, title, modal );
              setDefaultCloseOperation( JDialog.DISPOSE_ON_CLOSE );
    
              // Bad code. Is only temporary
              add( new JLabel("This is a test.") );
    
              // !!! TESTING
              addWindowFocusListener( new WindowFocusListener() {
    
                   public void windowGainedFocus(WindowEvent e) {
                        // Naturally this now doesn't get called after the setVisible(false) call below
                   }
    
                   public void windowLostFocus(WindowEvent e) {
                        System.out.println("Lost");
                        setVisible(false); // Doing this sort of thing since frame.someMethod() always fires a null pointer exception?!
                   }               
              });
    
         }
    
    }
    Any help would be very greatly appreciated.

    Thank you!
    Tristan

    Set the image as the owner of the dialog box when you create the dialog box:

    JFrame frame = new JFrame();
    ...
    frame.setVisible( true );
    
    JDialog dialog = new JDialog(frame);
    ...
    dialog.setVisible( true );
    
  • CS4 problem with background colors

    Hello

    I've recently upgraded to Dreamweaver CS4 from CS3. Since the upgrade I have a problem with the background colors for the divs layout. I can't make them appear.  I use a PC and use any programming on this other than xhtml and css work. I created a div named "main_content" so that I could change the background color. The div is written in xhtml as usual and color is listed in the CSS file as appropriate and the CSS file is attached to the html page and it's normal, but no color appears.

    For clairity, this is how it is implemented.

    < div id = "main_content" > content goes here < / div > <! - main_content - >

    In the CSS file is written like this.

    #main_content {background-color: #e1e1d6;}

    }

    It has always worked before, including at - it a bug or something in CS4 that I have to work around?  I would appreciate help with this problem.

    Thank you

    quicpic

    It should work. Are you sure there aren't any typos or a bad path to the css file? Can you post the whole code? It works, if you use the CSS dialogue window? If so, are there differences in the code?

    - Alex

  • Using tracing image, and then replacing with background image

    I am very new to Dreamweaver and am trying to put together a very simple site.

    I use image tracing for the mode of disposal table - and it am followed exactly. However, when I put it off to test it in my browser,

    nothing aligns how it shows in my work environment.

    Am I missing something obvious 'very '? Thank you.

    (1) never use the mode table layout. It's a terrible way to build web pages.

    (2) no matter how hard you try, you can't make things stick to a large background image.  It's like trying to nail Jell-o to a wall.

    Have a look at the following tutorials. These will get on the right track.

    Tables to CSS Web Design part 1-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt1.html

    Tables to CSS Web Design part 2-
    http://www.Adobe.com/devnet/Dreamweaver/articles/table_to_css_pt2.html

    Post back if you have problems.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB
    http://ALT-Web.blogspot.com

  • Problem with the image inside the UL

    I have a UL with a width of width 200px height 55px. I created a background image for the UL with the same measures. When I add the image as a background within the UL, the AMT is wider than the image 40px and I have to resize the UL in connection 160px. -less than the size of the image.

    What continues? There is nothing inside the UL at the moment apart from the background image.

    Did you put the margin and the filling of the AMT?

    Steve

Maybe you are looking for