How do i get my image to fill the whole page in pages

I am making an epub book and would like the image on my cover page to fill the whol page without the large white borders around it. How can I do that in pages. I know you can't export a document as an epub if it has floating objects in it but i don;t know if thats a problem for this application or not. Thanks

Menu > File > Page Setup > create a custom paper size of 9" x 13.5" > set all margins to 0 > Format > Any Printer > OK
Create your custom cover as a jpeg and crop to 9" x 13.5" or proportional pixel equivalent.
Import your cover onto the first page of your ebook.
Inspector > Wrap > Object Placement > Inline...
Stretch cover image to fill the page.
Menu > File > Export > ePub > Use first page as book cover image
Haven't tried this myself, but this is what is recommended.
Peter

Similar Messages

How to set a background image to fill the entire screen on any device in a spark mobile application

Hi,
I started developing a mobile application with Flex.
I'm trying to set a background image to fill the whole screen. I've been stucked at this point for days now. I tried everything and no solution seems to work for me.
I'm using a TabbedViewNavigatorApplication and i need to set some background images on views.
I need my image to fill the entire screen on any device. i don't need to mantain image aspect ratio, just need it to be fullscreen. This seemed to work when setting a custom skin on the TabbedViewNavigatorApplication, however this blocked all my views for some reason and all components contained in view became invisible.
Can you please tell me how can i achieve this?
Kind regards,
Dan

Basically you need a larger image which can accommodate any device. The trick is to show only what each device can display, so therefore some clipping will occur based on device. Have something centered and towards margins have a gradient or just plane colors that way the stuff in the middle will be visible on every device while nobody will care if you are clipping from the color fill.
C

How to get background image to fill the browser and remain fixed in both IE and Firefox?

Basically what it says in the title. I've come very close in achieving this but something just doesn't tie up in the html and css code...
First of all, I'm using IE8 and the latest version of Firefox to test this.
I used 2 sources of information for getting this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and 2) http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesnt-make-image-co ver-vertically
In Case 1 the example on the page called CSS-Only Technique #1 gives code that works almost perfectly for me, except that obviously I need a background image, however the CSS provided there is clearly just for an image dropped in the body of a page with no regard for other content that may already be there. The html code that I put on the page is simply <img class="bg" src="../images/background_image.jpg">
Obviously I used the CSS code provided in the example, minus the last bit which is "@media screen" etc etc, which seems irrelevant to me. Obviously substituting values to suit the image on my page.
So what happened is that it almost worked as intended in both the browsers (which means the image filled both browsers width-wise as intended and also remained fixed when I zoomed in or out in each case) except that the image went over the top of the current content that I had there already precisely because it's not a background in this "technique". (A curious side-note is that the image didn't push down the content, as I'd have expected in normal circumstances, but went right over the top of it so it hid it (like z-index).
One thing that does bother me about this "technique" is that if you click on View Demo just below the code provided you will see on the working example page (forest background) the image clearly works as a background and the content sits happily on top! So I don't know whether the person providing the example was trying to mislead people or what! Or he got lazy and showed a different page that didn't use the exact code he provided. No matter.
In any case this leaves me with the job only half finished, as I still need a background image that works like the 'normal image' code provided.
On to Case 2 and on this page the first example provided gives the CSS for the background image - namely the code within html {...} part and also shows the same 'normal image' code as given in Case 1. In this case however, although the person provided a suggestion, the css and html doesn't really tie up properly plus some of the css and html seems a bit redundant. So this time when I used the 'html portion' of the CSS code (i.e. just the bit that was most relevant) I got two different behaviours in each browser and neither of which was quite what I'm looking for. In IE8 initially the page looks fine (background fills the page and content is on top) however when I zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox the background image DOES stay fixed, however because the image originally is not the whole height of the browser I'm guessing the code stretches it downwards (while keeping proportions - so the image essentially enlarges) to fill all of it. The quick way to get around it is to probably add some white space to the bottom of the image just to give it enough height that it doesn't stretch/resize automatically. But it would be nice to find out anyway how to get around this in the code. Overall I would say that the result in Firefox comes closest to the desired solution but of course it doesn't help matters with IE8.
Apologies for the lengthy description but that should at least provide plenty info for anybody that might have a possible solution for me. Essentially what would be great is if somebody could advise me how to take the code from Case 1 and apply it to a 'background' piece of coding like the type that's contained within html {...} in Case 2. Like I said, it's so nearly there but I just can't make it work atm after trying to combine the various bits of code this way and that... Alternatively, if somebody has another html-css version that works nicely for achieving this then please by all means let me know! Thanks v much in advance!

This works in modern CSS3 supporting browsers. But not pre-IE9.
http://alt-web.com/TEST/Resizable-BG.shtml
Nancy O.

HOW DO I GET WEB SITE TO FILL THE WINDOW?

Various web sites I visit only fill the middle of the full open window. There is 3 or 4 inches of white space on the left and right side of the information within the open window. [it's happening here too]. I've used Safari and Foxfire with the same results. It's not a matter of zooming. For example, when I'm on a game at Facebook, the gaming area is a very small box, aprox. 4x6" in the middle of the open window. Minimize/zoom does not solve the issue. I'm assuming it must be solved within the screen preferences, but I didn't want to change anything until I read or learned more.
When I used my Dell laptop everything filled the window, from corner to corner.
Can anyone tell me how to change this. I have a 19" screen on my laptop, but I think I'm soon to be blind from trying to read the tiny print. Any help would be greatly appreciated. Thank you.

The simple answer to your question is OSX does not work the same as Windoze where a window will fill the whole screen by maximising. In OSX it tends to make the window just the right size for what you are actually doing. You can manually resize the window by using the resizer at the bottom right corner of the window.

Background image to fill the whole screen

Hi everybody
Please assist,
1st question : I want to add the background image that fit the whole screen. I have tried to put image background however it leaves white spaces on the edges and another thing is that after adding the background image when I add content in the tables the background image start to repeat.
This is the website example I want to achieve : www.inesjaksic.com , www.grupa-desperado.com
www.street-heroes.com
2nd question : How to add the scroll bar on the text content, so when you scroll only the text moves.
Website example : http://www.kls.com/page.php?p=about/biography/index
Thank you in advance for your help.
Kind regards
Vusi

#1 Background images are static. They don't resize to fill the browser viewport without a lot of additional tricks which may or may not work in all browsers. Moreover images that resize quickly become distorted. For best all around results, build your page to a fixed-width target audience (990px is usually fine for most users). Use a seamless background tile or gradient slice and repeat it vertically (repeat-y), horizontally (repeat-x) or both ways (repeat).
#2 Use CSS overflow and height property.
#divName {
height: 400px;
overflow: scroll;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Also how can you get an image preview in the video section

The music videos you buy in iTunes come with a preview that is displayed. I tried capturing an image with VLC, then converting it to a JPEG. But the when I "get info" and try and drop or paste the image it won't allow me. Any Tips?

The music videos you buy in iTunes come with a
preview that is displayed. I tried capturing an
image with VLC, then converting it to a JPEG. But
the when I "get info" and try and drop or paste the
image it won't allow me. Any Tips?
To set "poster frame"
-Play video in iTunes
-Click on video so it brings up a 2nd window (its own window)
-Locate the "frozen picture" by pausing. You can manually shift through the whole video by using slider.
-When you have your picture, right click, and choose "set poster frame".

The whole headphone jack is stuck in my iPhone 4 it just snapped off when I puller it out how do i get it out seem as the whole jack is stuck in there

The whole of my headphone jack snapped off and when I mean the whole thing I literally mean the whole jack how do I get it out as I don't really want to pay hinder of pounds to get it fixed , thanks a lot

There's quite a few clever suggestions for how to do this. See "More Like This" over there >>>>>

How do I get programs to take up the whole screen?

How can I get internet programs to take up the whole screen?

Well ... to start, we need to know what your sequence settings are, as that vertical layout of the black edging is rather unusual. That would be "Sequence/Settings" and looks like this:
Then in the lower corner, your Project panel ... click on the far left lower icon of lines so you see information as lines of data rather than thumbs like so ...
Then hit the "tilde" key on your keyboard (upper left to the left of the numbered keys atop the typical keyboard) so that panel goes big, and you can see the data on all assets in the project ... like so ...
Notice everything's got frame rate, duration, start & end points, frame-size and all. That gives you the info on various clip properties. That's the info to get you started, and perhaps "us" a bit more understanding of 1) where you're at and with some other comments, 2) where you want to be.
As to teaching this ... there are some AdobeTV vids on putting multiple types/sizes of things on a timeline, using re-sizing & interpret commands, also on lynda-dot-com and some other 'paid' teaching sites, and some available free on the web if you search ... you'll need a lot more info & background on this.
Neil

When I sort a column of figures, it sorts by the first digit. How do I get it to sort by the whole number?

I have a column of numbers, Specifically: 5.2, 42.0, 25.5, 2.4, 11.8, 0.9, 0.5. Notice how it has sorted by the first digit, not the whole number. In other words 5.2 is ranked higher than 42, because 5 is larger than 4. What do I turn on or off to make it behave sensibly?
Any answers would be appreciated.
Martin

Hi Martin,
Are the cells formatted as Text (left aligned, as in Column B)?
Data Format in Column C
Column C will sort as Number.
Regards,
Ian.

How can I get an image to stretch the length of my Website when being viewed on larger screens?

Heres an example of my site im working on HERE I would like for the image on the landing page to stretch from edge to edge as needed when being viewed on larger screens. I know it's possible because it's done here I just don't know how to do it PLEASE HELP.

To achieve a similar effect, simply use the Rectangle tool to create a horizontal bar that snaps-to-fit the browser area in Design mode. Then use the Fill options to insert an image within the rectangle; you may also want to change the Fitting option to Scale to Fill or Tile/Tile Horizontally. Refer to the following screenshot.
Thanks,
Vinayak

How do I get an image to follow the cursor on an applet?

I'm trying to create a applet which has a bullseye on it and when the cursor moves across it the image(bullseye) follows it but I have no idea how to do this. I know I have to use the mouseMoved event. Also how do I have a JPanel covered by a image? Please help.

Actually, have a look at the Toolkit.createCustomCursor() method. It'll do it for you. I got it to work using:
Image image;
try {
    image = Toolkit.getDefaultToolkit().createImage("cursor.gif");
    Cursor c = Toolkit.getDefaultToolkit().createCustomCursor(image, new Point(0,0), "my cursor");
    setCursor(c);
catch (Exception e) {
    e.printStackTrace();
    return;
}

How can i get Firefox to show on the whole screen/ it just uses the middle of the screen and not the whole screen Thank you

Certain web sites only use the middle of the monitor screen and do not show all their content on the right

You can use one of these extensions to adjust the default font size and page zoom on web pages:
* Default FullZoom Level - https://addons.mozilla.org/firefox/addon/6965
* NoSquint - https://addons.mozilla.org/firefox/addon/2592

My address bar is gone. How do I get to show up at the top of each page? I thought I was deleting a link and it deleted the address bar instead.

My address bar was accidentally deleted from the top of each web page. I thought I was deleting a bad link but instead deleted the whole address bar. Need advice. Thanks.

View: Customize Toolbar.....
Drag address box BACK up into position....

When on the internet, how do I expand webpage to fill the whole screen?

When on the internet, how do I expand a webpage to fill the whole screen?

Perhaps Safari isn't quite what you require, too much work involved all the time making it easier to see
Take a look at my customized Firefox:
it always opens to the same size window (or full screen if you like)
it always zooms all web pages 160% (or whateve you like)
it always has large type on the menu bar area. (to whatever you like)
it's very highly customizable, (or use the plain default settings)
has more add-ons than anyone (a real plus when you need it)
has more themes and personas than anyone (make it YOUR browser)
Easier surfing option for hard of seeing users
Safari is about the absolute worst browser since Internet Explorer, it's because Apple has already got your money so there isn't any incentive for them to make a better browser.

ImageIcon does not fill the whole button

Hi all,
i have a button, and i want an image to fill the whole button (without any space between borders and image).
How i should do it?
private JButton botonEnviar = new JButton(new ImageIcon("send.gif"));
JPanel botonPanel = new JPanel(new FlowLayout(FlowLayout.RIGHT, 0, 0));
botonPanel.add(botonEnviar);Thanks

Try the following.
botonEnviar.setMargins(new Insets(0, 0, 0, 0));
botonEnviar.setBorder(...);

How do i get my image to fill the whole page in pages

Similar Messages

Maybe you are looking for