Centering ImageView

Similar Questions

• Ensuring ImageView spans multiple devices

  Hello. My application is portrait only. I have an ImageView with an image that spans the entire width of the screen. The actual width of the jpeg is 799px, but the way which it cultures it looks correct when it is centered.

  It seems more strange when I test it on the dev c Simulator. What is the best way to stretch proportionally to the screen, regardless of the width? I would like that it extend to wide 768px on the Z10 and 720px for Dev C/Q10. I put it in AspectFill. I also tried to set a maxwidth 768px and minwidth to 720px but this does not solve the problem.

  

  Any suggestions? Thank you.

  Well, tell him then. This should tell the ImageView to use the full width available to it:

  horizontalAlignment: HorizontalAlignment.Fill
  

  It'll probably be okay if you remove your minWidth and maxWidth properties. Also, make sure that all parent containers also use HorizontalAlignment.Fill otherwise the ImageView will be as wide as its parent container.

• Define an ImageView to fill the entire screen

  Hi veveryone,

  I need to have the ImageView stretch to fill the screen. How can I go about it?

  Should I get the height and width of the screen? If so, how?

  Thank you

  The code below does not work, it only centers the image

   Page *root = new Page;
  
      Container *container=new Container();
      container->setLayout(DockLayout::create());
      container->setBottomPadding(0);
      container->setLeftPadding(0);
      container->setTopPadding(0);
      container->setRightPadding(0);
  
      container->setBottomMargin(0);
      container->setLeftMargin(0);
      container->setTopMargin(0);
      container->setRightMargin (0);
  
      container->setParent(root);
  
      ImageView* img= ImageView::create("asset:///images/image.png");
      img->setHorizontalAlignment(HorizontalAlignment::Center);
      img->setVerticalAlignment(VerticalAlignment::Center);
      img->setScalingMethod(ScalingMethod::AspectFill);
  
      container->add(offImageView);
  
      root->setContent(container);
  

  Try this

   Page *root = new Page;
  
          Container *container=new Container();
          container->setLayout(DockLayout::create());
          container->setBottomMargin(0);
          container->setLeftMargin(0);
          container->setTopMargin(0);
          container->setRightMargin (0);
  
          container->setParent(root);
  
          ImageView* offImageView= ImageView::create("asset:///images/image.jpg");
          offImageView->setLayoutProperties(DockLayoutProperties::create().horizontal(HorizontalAlignment::Fill).vertical(VerticalAlignment::Fill));
          offImageView->setScalingMethod(ScalingMethod::AspectFill);
  
          container->add(offImageView);
  
          root->setContent(container);
  
      Application::setScene(root);
  

• How can I Zoom in a knot is centered in a ScrollPane?

  I created a small example application to zoom a node.
  
  The application is currently running to stapling the node when the node becomes larger than the visible area of its container.
  
  I would like to place the node in a ScrollPane and maintain the following properties:
  
  1. If the display window available scrollpane is greater that the node, the node is centered in the display window.
  2 scroll of the mouse wheel anywhere in the display zoom in and out, node it is not pan the node.
  3. when zooming in or out on the node, the node does not move autour, but zooms still inside or out on the current center of the display window.
  4. by pressing and dragging the mouse over the node you can pan the visible portion of the node in the display window.
  
  The behavior of zoom without pan around all node should be exactly the same as the behavior that is clipped by the sample application.
  
  What is the change of the sample request needed to obtain the desired behavior?

  import javafx.application.Application;
  import javafx.beans.value.*;
  import javafx.event.*;
  import javafx.geometry.Bounds;
  import javafx.scene.*;
  import javafx.scene.control.*;
  import javafx.scene.image.*;
  import javafx.scene.input.*;
  import javafx.scene.layout.*;
  import javafx.scene.paint.Color;
  import javafx.scene.shape.*;
  import javafx.stage.Stage;
  
  public class GraphicsScalingApp extends Application {
    public static void main(String[] args) { launch(args); }
  
    @Override public void start(final Stage stage) {
      final Group group = new Group(
          createStar(),
          createCurve()
      );
  
      Parent zoomPane = createZoomPane(group);
  
      VBox layout = new VBox();
      layout.getChildren().setAll(
          createMenuBar(stage, group),
          zoomPane
      );
  
      VBox.setVgrow(zoomPane, Priority.ALWAYS);
      Scene scene = new Scene(
          layout
      );
  
      stage.setTitle("Zoomy");
      stage.getIcons().setAll(new Image(APP_ICON));
      stage.setScene(scene);
      stage.show();
    }
  
    private Parent createZoomPane(final Group group) {
      final double SCALE_DELTA = 1.1;
      final StackPane zoomPane = new StackPane();
  
      zoomPane.getChildren().add(group);
      zoomPane.setOnScroll(new EventHandler<ScrollEvent>() {
        @Override public void handle(ScrollEvent event) {
          event.consume();
  
          if (event.getDeltaY() == 0) {
            return;
          }
  
          double scaleFactor =
            (event.getDeltaY() > 0)
              ? SCALE_DELTA
              : 1/SCALE_DELTA;
  
          group.setScaleX(group.getScaleX() * scaleFactor);
          group.setScaleY(group.getScaleY() * scaleFactor);
        }
      });
  
      zoomPane.layoutBoundsProperty().addListener(new ChangeListener<Bounds>() {
        @Override public void changed(ObservableValue<? extends Bounds> observable, Bounds oldBounds, Bounds bounds) {
        zoomPane.setClip(new Rectangle(bounds.getMinX(), bounds.getMinY(), bounds.getWidth(), bounds.getHeight()));
        }
      });
  
      return zoomPane;
    }
  
    private SVGPath createCurve() {
      SVGPath ellipticalArc = new SVGPath();
      ellipticalArc.setContent(
          "M10,150 A15 15 180 0 1 70 140 A15 25 180 0 0 130 130 A15 55 180 0 1 190 120"
      );
      ellipticalArc.setStroke(Color.LIGHTGREEN);
      ellipticalArc.setStrokeWidth(4);
      ellipticalArc.setFill(null);
      return ellipticalArc;
    }
  
    private SVGPath createStar() {
      SVGPath star = new SVGPath();
      star.setContent(
          "M100,10 L100,10 40,180 190,60 10,60 160,180 z"
      );
      star.setStrokeLineJoin(StrokeLineJoin.ROUND);
      star.setStroke(Color.BLUE);
      star.setFill(Color.DARKBLUE);
      star.setStrokeWidth(4);
      return star;
    }
  
    private MenuBar createMenuBar(final Stage stage, final Group group) {
      Menu fileMenu = new Menu("_File");
      MenuItem exitMenuItem = new MenuItem("E_xit");
      exitMenuItem.setGraphic(new ImageView(new Image(CLOSE_ICON)));
      exitMenuItem.setOnAction(new EventHandler<ActionEvent>() {
        @Override public void handle(ActionEvent event) {
          stage.close();
        }
      });
      fileMenu.getItems().setAll(
          exitMenuItem
      );
      Menu zoomMenu = new Menu("_Zoom");
      MenuItem zoomResetMenuItem = new MenuItem("Zoom _Reset");
      zoomResetMenuItem.setAccelerator(new KeyCodeCombination(KeyCode.ESCAPE));
      zoomResetMenuItem.setGraphic(new ImageView(new Image(ZOOM_RESET_ICON)));
      zoomResetMenuItem.setOnAction(new EventHandler<ActionEvent>() {
        @Override public void handle(ActionEvent event) {
          group.setScaleX(1);
          group.setScaleY(1);
        }
      });
      MenuItem zoomInMenuItem = new MenuItem("Zoom _In");
      zoomInMenuItem.setAccelerator(new KeyCodeCombination(KeyCode.I));
      zoomInMenuItem.setGraphic(new ImageView(new Image(ZOOM_IN_ICON)));
      zoomInMenuItem.setOnAction(new EventHandler<ActionEvent>() {
        @Override public void handle(ActionEvent event) {
          group.setScaleX(group.getScaleX() * 1.5);
          group.setScaleY(group.getScaleY() * 1.5);
        }
      });
      MenuItem zoomOutMenuItem = new MenuItem("Zoom _Out");
      zoomOutMenuItem.setAccelerator(new KeyCodeCombination(KeyCode.O));
      zoomOutMenuItem.setGraphic(new ImageView(new Image(ZOOM_OUT_ICON)));
      zoomOutMenuItem.setOnAction(new EventHandler<ActionEvent>() {
        @Override public void handle(ActionEvent event) {
          group.setScaleX(group.getScaleX() * 1/1.5);
          group.setScaleY(group.getScaleY() * 1/1.5);
        }
      });
      zoomMenu.getItems().setAll(
          zoomResetMenuItem,
          zoomInMenuItem,
          zoomOutMenuItem
      );
      MenuBar menuBar = new MenuBar();
      menuBar.getMenus().setAll(
          fileMenu,
          zoomMenu
      );
      return menuBar;
    }
  
    // icons source from: http://www.iconarchive.com/show/soft-scraps-icons-by-deleket.html
    // icon license: CC Attribution-Noncommercial-No Derivate 3.0 =? http://creativecommons.org/licenses/by-nc-nd/3.0/
    // icon Commercial usage: Allowed (Author Approval required -> Visit artist website for details).
  
    public static final String APP_ICON        = "http://icons.iconarchive.com/icons/deleket/soft-scraps/128/Zoom-icon.png";
    public static final String ZOOM_RESET_ICON = "http://icons.iconarchive.com/icons/deleket/soft-scraps/24/Zoom-icon.png";
    public static final String ZOOM_OUT_ICON   = "http://icons.iconarchive.com/icons/deleket/soft-scraps/24/Zoom-Out-icon.png";
    public static final String ZOOM_IN_ICON    = "http://icons.iconarchive.com/icons/deleket/soft-scraps/24/Zoom-In-icon.png";
    public static final String CLOSE_ICON      = "http://icons.iconarchive.com/icons/deleket/soft-scraps/24/Button-Close-icon.png";
  }

  Well, it wasn't what I had to do today...

  A couple of minor changes first: I wrapped the StackPane in a group so that the ScrollPane component would be informed of these changes to the transformations, according to the ScrollPane Javadocs. And then I have to the minimum size of the StackPane of the size of the viewport (keeping centered content when it is smaller than the viewport).

  Initially, I thought I should use a processing of scale to zoom around the display Center (i.e. the point on content that is at the center of the display window). But I found that I still need to set the scroll position subsequently to keep the same display Center, so I dropped that and has been restored by using setScaleX() and setScaleY().

  The trick is to set the scroll position after descaling. I calculated the scroll offset in local coordinates, the content scroll and then calculated the new scroll values necessary after scaling. It was a little tricky. The basic observation is that
  (hValue-hMin) /(hMax-hMin) = x / (contentWidth - viewportWidth), where x represents the horizontal offset of the left edge of the display window from the left edge of the content.
  Then you have centerX = x + viewportWidth/2.

  After scaling, the coordinate x of the old centerX is now centerX * scaleFactor. So, just set the new hValue to the new Center. There is a bit of algebra to understand this.

  After this, panoramic moving was pretty easy :).

  import javafx.application.Application;
  import javafx.beans.property.ObjectProperty;
  import javafx.beans.property.SimpleObjectProperty;
  import javafx.beans.value.*;
  import javafx.event.*;
  import javafx.geometry.Bounds;
  import javafx.geometry.Point2D;
  import javafx.scene.*;
  import javafx.scene.control.*;
  import javafx.scene.image.*;
  import javafx.scene.input.*;
  import javafx.scene.layout.*;
  import javafx.scene.paint.Color;
  import javafx.scene.shape.*;
  import javafx.stage.Stage;
  
  public class GraphicsScalingApp extends Application {
    public static void main(String[] args) {
      launch(args);
    }
  
    @Override
    public void start(final Stage stage) {
      final Group group = new Group(createStar(), createCurve());
  
      Parent zoomPane = createZoomPane(group);
  
      VBox layout = new VBox();
      layout.getChildren().setAll(createMenuBar(stage, group), zoomPane);
  
      VBox.setVgrow(zoomPane, Priority.ALWAYS);
  
      Scene scene = new Scene(layout);
  
      stage.setTitle("Zoomy");
      stage.getIcons().setAll(new Image(APP_ICON));
      stage.setScene(scene);
      stage.show();
    }
  
    private Parent createZoomPane(final Group group) {
      final double SCALE_DELTA = 1.1;
      final StackPane zoomPane = new StackPane();
  
      zoomPane.getChildren().add(group);
  
      final ScrollPane scroller = new ScrollPane();
      final Group scrollContent = new Group(zoomPane);
      scroller.setContent(scrollContent);
  
      scroller.viewportBoundsProperty().addListener(new ChangeListener() {
        @Override
        public void changed(ObservableValue observable,
            Bounds oldValue, Bounds newValue) {
          zoomPane.setMinSize(newValue.getWidth(), newValue.getHeight());
        }
      });
  
      scroller.setPrefViewportWidth(256);
      scroller.setPrefViewportHeight(256);
  
      zoomPane.setOnScroll(new EventHandler() {
        @Override
        public void handle(ScrollEvent event) {
          event.consume();
  
          if (event.getDeltaY() == 0) {
            return;
          }
  
          double scaleFactor = (event.getDeltaY() > 0) ? SCALE_DELTA
              : 1 / SCALE_DELTA;
  
          // amount of scrolling in each direction in scrollContent coordinate
          // units
          Point2D scrollOffset = figureScrollOffset(scrollContent, scroller);
  
          group.setScaleX(group.getScaleX() * scaleFactor);
          group.setScaleY(group.getScaleY() * scaleFactor);
  
          // move viewport so that old center remains in the center after the
          // scaling
          repositionScroller(scrollContent, scroller, scaleFactor, scrollOffset);
  
        }
      });
  
      // Panning via drag....
      final ObjectProperty lastMouseCoordinates = new SimpleObjectProperty();
      scrollContent.setOnMousePressed(new EventHandler() {
        @Override
        public void handle(MouseEvent event) {
          lastMouseCoordinates.set(new Point2D(event.getX(), event.getY()));
        }
      });
  
      scrollContent.setOnMouseDragged(new EventHandler() {
        @Override
        public void handle(MouseEvent event) {
          double deltaX = event.getX() - lastMouseCoordinates.get().getX();
          double extraWidth = scrollContent.getLayoutBounds().getWidth() - scroller.getViewportBounds().getWidth();
          double deltaH = deltaX * (scroller.getHmax() - scroller.getHmin()) / extraWidth;
          double desiredH = scroller.getHvalue() - deltaH;
          scroller.setHvalue(Math.max(0, Math.min(scroller.getHmax(), desiredH)));
  
          double deltaY = event.getY() - lastMouseCoordinates.get().getY();
          double extraHeight = scrollContent.getLayoutBounds().getHeight() - scroller.getViewportBounds().getHeight();
          double deltaV = deltaY * (scroller.getHmax() - scroller.getHmin()) / extraHeight;
          double desiredV = scroller.getVvalue() - deltaV;
          scroller.setVvalue(Math.max(0, Math.min(scroller.getVmax(), desiredV)));
        }
      });
  
      return scroller;
    }
  
    private Point2D figureScrollOffset(Node scrollContent, ScrollPane scroller) {
      double extraWidth = scrollContent.getLayoutBounds().getWidth() - scroller.getViewportBounds().getWidth();
      double hScrollProportion = (scroller.getHvalue() - scroller.getHmin()) / (scroller.getHmax() - scroller.getHmin());
      double scrollXOffset = hScrollProportion * Math.max(0, extraWidth);
      double extraHeight = scrollContent.getLayoutBounds().getHeight() - scroller.getViewportBounds().getHeight();
      double vScrollProportion = (scroller.getVvalue() - scroller.getVmin()) / (scroller.getVmax() - scroller.getVmin());
      double scrollYOffset = vScrollProportion * Math.max(0, extraHeight);
      return new Point2D(scrollXOffset, scrollYOffset);
    }
  
    private void repositionScroller(Node scrollContent, ScrollPane scroller, double scaleFactor, Point2D scrollOffset) {
      double scrollXOffset = scrollOffset.getX();
      double scrollYOffset = scrollOffset.getY();
      double extraWidth = scrollContent.getLayoutBounds().getWidth() - scroller.getViewportBounds().getWidth();
      if (extraWidth > 0) {
        double halfWidth = scroller.getViewportBounds().getWidth() / 2 ;
        double newScrollXOffset = (scaleFactor - 1) *  halfWidth + scaleFactor * scrollXOffset;
        scroller.setHvalue(scroller.getHmin() + newScrollXOffset * (scroller.getHmax() - scroller.getHmin()) / extraWidth);
      } else {
        scroller.setHvalue(scroller.getHmin());
      }
      double extraHeight = scrollContent.getLayoutBounds().getHeight() - scroller.getViewportBounds().getHeight();
      if (extraHeight > 0) {
        double halfHeight = scroller.getViewportBounds().getHeight() / 2 ;
        double newScrollYOffset = (scaleFactor - 1) * halfHeight + scaleFactor * scrollYOffset;
        scroller.setVvalue(scroller.getVmin() + newScrollYOffset * (scroller.getVmax() - scroller.getVmin()) / extraHeight);
      } else {
        scroller.setHvalue(scroller.getHmin());
      }
    }
  
    private SVGPath createCurve() {
      SVGPath ellipticalArc = new SVGPath();
      ellipticalArc.setContent("M10,150 A15 15 180 0 1 70 140 A15 25 180 0 0 130 130 A15 55 180 0 1 190 120");
      ellipticalArc.setStroke(Color.LIGHTGREEN);
      ellipticalArc.setStrokeWidth(4);
      ellipticalArc.setFill(null);
      return ellipticalArc;
    }
  
    private SVGPath createStar() {
      SVGPath star = new SVGPath();
      star.setContent("M100,10 L100,10 40,180 190,60 10,60 160,180 z");
      star.setStrokeLineJoin(StrokeLineJoin.ROUND);
      star.setStroke(Color.BLUE);
      star.setFill(Color.DARKBLUE);
      star.setStrokeWidth(4);
      return star;
    }
  
    private MenuBar createMenuBar(final Stage stage, final Group group) {
      Menu fileMenu = new Menu("_File");
      MenuItem exitMenuItem = new MenuItem("E_xit");
      exitMenuItem.setGraphic(new ImageView(new Image(CLOSE_ICON)));
      exitMenuItem.setOnAction(new EventHandler() {
        @Override
        public void handle(ActionEvent event) {
          stage.close();
        }
      });
      fileMenu.getItems().setAll(exitMenuItem);
      Menu zoomMenu = new Menu("_Zoom");
      MenuItem zoomResetMenuItem = new MenuItem("Zoom _Reset");
      zoomResetMenuItem.setAccelerator(new KeyCodeCombination(KeyCode.ESCAPE));
      zoomResetMenuItem.setGraphic(new ImageView(new Image(ZOOM_RESET_ICON)));
      zoomResetMenuItem.setOnAction(new EventHandler() {
        @Override
        public void handle(ActionEvent event) {
          group.setScaleX(1);
          group.setScaleY(1);
        }
      });
      MenuItem zoomInMenuItem = new MenuItem("Zoom _In");
      zoomInMenuItem.setAccelerator(new KeyCodeCombination(KeyCode.I));
      zoomInMenuItem.setGraphic(new ImageView(new Image(ZOOM_IN_ICON)));
      zoomInMenuItem.setOnAction(new EventHandler() {
        @Override
        public void handle(ActionEvent event) {
          group.setScaleX(group.getScaleX() * 1.5);
          group.setScaleY(group.getScaleY() * 1.5);
        }
      });
      MenuItem zoomOutMenuItem = new MenuItem("Zoom _Out");
      zoomOutMenuItem.setAccelerator(new KeyCodeCombination(KeyCode.O));
      zoomOutMenuItem.setGraphic(new ImageView(new Image(ZOOM_OUT_ICON)));
      zoomOutMenuItem.setOnAction(new EventHandler() {
        @Override
        public void handle(ActionEvent event) {
          group.setScaleX(group.getScaleX() * 1 / 1.5);
          group.setScaleY(group.getScaleY() * 1 / 1.5);
        }
      });
      zoomMenu.getItems().setAll(zoomResetMenuItem, zoomInMenuItem,
          zoomOutMenuItem);
      MenuBar menuBar = new MenuBar();
      menuBar.getMenus().setAll(fileMenu, zoomMenu);
      return menuBar;
    }
  
    // icons source from:
    // http://www.iconarchive.com/show/soft-scraps-icons-by-deleket.html
    // icon license: CC Attribution-Noncommercial-No Derivate 3.0 =?
    // http://creativecommons.org/licenses/by-nc-nd/3.0/
    // icon Commercial usage: Allowed (Author Approval required -> Visit artist
    // website for details).
  
    public static final String APP_ICON = "http://icons.iconarchive.com/icons/deleket/soft-scraps/128/Zoom-icon.png";
    public static final String ZOOM_RESET_ICON = "http://icons.iconarchive.com/icons/deleket/soft-scraps/24/Zoom-icon.png";
    public static final String ZOOM_OUT_ICON = "http://icons.iconarchive.com/icons/deleket/soft-scraps/24/Zoom-Out-icon.png";
    public static final String ZOOM_IN_ICON = "http://icons.iconarchive.com/icons/deleket/soft-scraps/24/Zoom-In-icon.png";
    public static final String CLOSE_ICON = "http://icons.iconarchive.com/icons/deleket/soft-scraps/24/Button-Close-icon.png";
  }
  

• Time is not centered on the screen

  Since the upgrade to iOS 10 time is not centered when I turned my iPad to landscape mode.  It is shifted to the left, it's just something cosmetic but it is ugly.

  Apple has done that you think is because there is nothing of what everyone here, yourself included, can do about it.

  http://www.Apple.com/feedback/iPad.html

• EPub with Apple Pages centering images

  I use Apple Pages to create an eBook (I know I could have used InDesign, I'll use it for the next!). All the text is there, I used topics, and I am very satisfied with the result. However... When I export to ePub, the images are not centered. They are focused on the use of PDF. Take a look at my settings of the image pages to the following screenshot:

  

  

  The image (this is an example, but all 150 images in this way) is aligned to the Center by using the "Align" function you can see to the right, but when I select 'Center', it does not move (because it is already in the Center), and displays Align. I don't know if it's good or bad.

  

  

  As you can see, the image is aligned to the right when I export the ePub book and open it with Mac iBook. This is exactly the same on my iPad / iPhone. The image fell thus: look at the difference between the pictures shown in the screenshots that I added in this message.

  I'm running out of ideas and I hope you can help me.

  This is my first post on the Apple support forum, so please tell me if I could have explained something more accurately! :-)

  Thank you!

  Well, it's not too late to redo it in InDesign. The following has been done in v5.6.2 on OS X 10.11.6 Pages.

  I inserted and centred on an image in v5.6.2 Pages with above and below the text. The result when you export to PDF showed the image centered in overview and Acrobat Reader. When exporting Pages to ePub3, the image was right-justified in iBooks and saw that centered in Sigil 0.96 and Calibre 2.63.0.

  I decided to see if I could fool iBooks. With the help of Sigil, I added changes in style of book.css and referenced in the chapter file - 1.xhtml. Here, I'm telling you the div containing the image to use 70% of the width of the ePub with 15% margins on each side, apply 1em margin top and bottom margin of manoeuvre. Because the image is inside the div, I'm ordering him to use 100% of the container.

  

  After that I saved these changes in Sigil. The ePub open in iBooks with the centered image designated.

  

  I don't think you can fix this issue within Pages centering v5.6.2 image.

• ImageView files

  Recent Utilitybill only gave imageview.spx as the ability to view my Bill. How can I handle this. ?

  In fact, when I search imageview.aspx it seems to be used for images (the meaning of the name), then you can try to rename it with an extension .jpg on the assumption that this is probably a JPEG image.

• The title of the album Art not centered

  I added to my TV series of album art in iTunes, but the work is the size of a (rectangular compared to the square) DVD cover and iTunes don't center-align the text of the title of TV Show in the middle of the work. A way to solve this problem?

  behavior of iTunes with rectangular drawing (portrait) changed several releases ago centered to left-aligned.  The only way to solve this problem is to use an image editor suitable to make the place of the image: cropping the image or the aspect ratio or adding spaces to the left and to the right.

• The new tab behavior is driving me crazy. It keeps re-centering on legs closest to the top of the list when I move a tab. How can I change this?

  The new tab behavior is driving me crazy. It keeps re-centering on legs closest to the top of the list when I move a tab. How can I change this?

  I don't want to download an application. I would rather add a new string in any config or just change those there to false. It makes my life as a rather hard work, to be forced to go all the way back at the end of my list after you move a tab just to have to do it again. I mean it's to the point where I could consider changing browsers if they had tab scrollbars.

  Edit: Now I will download any application. Please stop this stupid feature.

  I downloaded the beta version and it stopped. Thank you all for trying to help anyway. I probably didn't explain my problem very well in the first place, but you tried to help him. Thank you.

• When I look at a direct image (example: an imgur link) the image is centered and on a gray page dark after I have updated to 11.0 FF. How can I change this back to normal?

  As suggested by the title given that the update every time I visit a live image page link darkens gray and the image is centered.

  Screenshot: http://i.imgur.com/0MMMT.jpg

  It's terrible and I'd appreciate any help in returning all that has changed.

  Thank you!
  -Andrew

  This is a new feature in Firefox 11 + added by this stylesheet:

  • Resource://GRE/RES/TopLevelImageDocument.CSS

  You can watch this extension.

  • Old Style of default Image: https://addons.mozilla.org/firefox/addon/old-default-image-style/

  See also this thread from the forum for a solution with userContent.css:

  • [923127/questions/923127]
  • http://userstyles.org/styles/58710/Firefox-11-change-image-view-background
  • http://forums.mozillazine.org/viewtopic.php?f=38 & t = 2443535

• Last night suddenly when I right click view image in firefox, they appear centered and on a black background. He is generally meant to be a white background and the image that appears at the top left. How to get back to it?

  I have a problem with something in firefox, it is quite minor, but still bothers me. Last night suddenly when I right click view image in firefox, they appear centered and on a black background. He is generally meant to be a white background and the image that appears at the top left. I don't remember what I did to change this if it's my fault; If anyone knows how to get back to it, I would be grateful.

  This is the new behavior in Firefox 11.

  • Old Style of default Image: https://addons.mozilla.org/firefox/addon/old-default-image-style/

  See also:

  • [923127/questions/923127]
  • http://userstyles.org/styles/58710/Firefox-11-change-image-view-background
  • http://forums.mozillazine.org/viewtopic.php?f=38 & t = 2443535

• HP workspace: where are located the workspace of HP data centers?

  Hey everybody,

  Where are located the workspace of HP data centers?

  Thank you

  Bill

  HP workspace is currently supported by seven, SSAE16-SOC certified, regional data centers, serving many countries. Data centers are located in Australia, Germany, Ireland, Japan, Singapore, and two in the United States (California and Virginia). The workspace of HP team will be allowing multiple data centers in the coming months to provide global coverage for customers. To see a current list of regional data of the workspace of HP centers refer to www.hpworkspace.com.

• Website not centered on the page layout, but it is on Internet Explorer, what could be the problem?

  My website www.thegreatestmindsofourtime.com/downloadpagemain.htm
  not getting centered when displayed with Firefox.

  But if I use internet explorer, it is worn as it supposed to be.

  This CSS rule works for me on Linux to Center page.

  Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

  • Makes no changes on the start safe mode window.
  • https://support.Mozilla.com/kb/safe+mode

• I am a new user of Firefox and set igoogle as my home page. When I first put to the top of Firefox home page is off centered and I need to use the Refresh button so it can work correctly and see all the content. Any way around this annoying extra step?

  Contents of the left side of the page is cut off. After hitting to refresh the page centers correctly.

  Preferences not saved

  http://KB.mozillazine.org/Preferences_not_saved

  https://support.Mozilla.com/en-us/KB/preferences%20are%20not%20saved

  Check and tell if its working.

• When I opened a Web site, it seems quite wrong. Everything is white and all centered page to the left. I checked Firefox by pressing the ALT key, and it is already set to "basic page style". So there must be something else.

  When I opened a Web site, it seems quite wrong. Everything is white and all centered page to the left. I checked Firefox by pressing the ALT key, and it is already set to "basic page style". So there must be something else.

  Clear the cache and cookies from sites that cause problems.

  "Clear the Cache":

  • Tools > Options > advanced > network > storage (Cache) offline: 'clear now '.

  'Delete Cookies' sites causing problems:

  • Tools > Options > privacy > Cookies: "show the Cookies".

  Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions of the origin of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

  • Makes no changes on the start safe mode window.
  • https://support.Mozilla.com/kb/safe+mode
  • https://support.Mozilla.com/kb/troubleshooting+extensions+and+themes