Adjusting image to length of page

I've attached the image I want to use as my background and need to know if I can set this image to adjust according to content? Also how do I place a footer at the bottom of each page using CSS?

Cathy,
The images need to be defined as background-images in the style sheet. Don't put them on the surface at all, or they will make it impossible to add text over them.
You are very close here.
I see that you have links to both style sheets. You should have these styles in only one style sheet (not duplicated in any way), because they may act in a way that is hard to debug if you have the same style showing up in two places. Might even cancel each other out...
.top, .middle, and .bottom have the same width and other attributes, so I re-ganged them and deleted reference to width on the more specific styles.
I have gotten rid of your .middletext class style, because you can style that using an inheritance: .middle p means "all the <p> </p> formatted text that shows up in the <div class="middle">. You can restyle <p> and <h1> etc. tags this way.
In the page itself, being "in" the .middle div and using the <p> tag gets you the formatting you specify for it in the style sheet.
Here's a link to what it looks like: http://www.gravenimagedesign.net/roundcorners/
Z
     margin: 0;
     padding: 0;
.top, .middle, .bottom {
     clear: both;
     float: left;
     width: 950px;
.top {
     background-image: url(Top.jpg);
     height: 95px;
.middle {
     background-image: url(middle.jpg);
     background-repeat: repeat-y;
.middle p {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 24px;
     margin-top: 24px;
     margin-left: 24px;
.bottom {
     background-image: url(bottom.jpg);
     height: 74px;
<!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=ISO-8859-1" />
<title>Untitled Document</title>
<link href="CSS.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="top"></div> 
<div class="middle"> 
<p>def
    here is more text<br />
    and yet more<br />
def
    here is more text<br />
    and yet more<br />
def
    here is more text<br />
    and yet more<br />
def
    here is more text<br />
    and yet more<br />
    and yet more </p>
</div>
<div class="bottom"></div>
</body>
</html>

Similar Messages

How to adjust image color in pages?, how to adjust image color in pages?

How do I adjust the color in a clip art piece of a pages document?

I am presuming you are using Pages 5.2 and it is a bitmap (paint/photo) image:
Select the Image > View > Show > Adjust Image
Peter

On Ibooks Author, my programmed image for the Chapter page no longer shows up on new pages, just appears as a question mark inside a box, How do I fix this?

On Ibooks Author, my programmed image for the Chapter page no longer shows up on new pages, just appears as a question mark inside a box, How do I fix this? Please help, its the same when I try and copy and paste the same image within Ibooks author.

https://discussions.apple.com/message/24420017#24420017
You may have moved or removed content on your page or its possible you used the"Adjust Image" and over sharpeed one or more images.
I assume you mean it does not show up of new Chapter pages... have you checked the template?
Where you see the ? you need to either reduce teh box outline size - or drop anther copy of the original image onto it, it may fill the ? box or sit on top.... delete the ? box.
If its Chapter page only related, its better doing this in the template.
Is you image .jpg or .png?

How to change background image for each individual page in a template?

I've been working for hours to try to figure out how to change the background image for each individual page in a template. I have tried making a div in the body and adding a CSS and setting a background picture. Unfortunately even after I made it editable all templated webpages changed. I tried looking at different forum results which didn't really help me out. http://forums.adobe.com/message/2670005#2670005#2670005. I've also tried embeding a CSS style on the webpage instead of the external CSS which again didn't work. I'm not sure where to go from here. Is there a good video that explains this clearly. Please help. Thanks.

Adjust inline styles to suit your needs.
<li><a tabindex="-1" href="giving/index.html" class="MenuBarItemSubmenu" style="background:none; color:#FFF; background: #000;">GIVING</a>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

"Adjust Image" resets to incorrect image values

Greetings all,
I have been using Pages for developing image-rich documents over the last several years and have found it a very helpful tool for my work.
I normally use the "Enhance" button found in the "Adjust Image" dialog to quickly improve the appearance of images in my documents. If the enhancement is not helpful, I use the "Reset Image" button to revert to the original version of the image. None of the slider controls in the dialog box are modified as part of these operations.
A couple of days ago I noticed that when I reset images now the slider for "Sharpness" moves to 75 (greatly affecting the sharpness of the image, and decreasing its quality).
I am unable to find a place where I can control the default state for this setting, which I would like to remain at 0 when I reset images. I have for the last couple of days done this manually after each reset - which is less efficient and diminishes some of the utility of this program.
I have found this issue also present with Keynote. Earlier today I erased and reinstalled iWork, including support and plist files found at:
HD/Library/Application Support/iWork '09,
HD/Library/Preferences (com.apple.iWork09.Installer.plist and com.apple.iWork09.plist),
~/Application Support/iWork
~/Preferences/com.apple.iWork.Keynote.LSSharedFileList.plist
~/Preferences/com.apple.iWork.Keynote.plist
~/Preferences/com.apple.iWork.Pages.LSSharedFileList.plist
~/Preferences/com.apple.iWork.Pages.plist
The problem still persists. I would appreciate it if you could share answers to these questions:
- Is there a setting to control the behavior of the Reset button in "Adjust Image" so that Sharpness remains at 0,
- Are there additional files I should remove for a complete reinstall of iWork,
- Is "Adjust Image" part of another program outside of iWork (Preview, iPhoto, etc) where I could set its default behavior?
Thanks for your help.
Best regards,
Antonio

I received show from client with placeholders and most (but not all) images sharpened to 75.
I didn't reinstall iWorks since I didn't want to take any chance right before large live show.
All images were tied to a master slide but changing the master placeholder had no effect on Adjustments. I manually changed the Sharpness to "0" on over 200 images so that they looked better and Magic Move transition worked. I don't ever want to go through that again.
After show I did more research and tests and still don't know cause of problem but here is a fix if something happens in future. This method should work for changing other "Adjustments":
1. Duplicate Keynote file for safety and save as different name (e.g. Unsharpen.key)
2. Change file extension .key to .zip & unzip the file. It becomes "Unsharpen" folder.
3. Find "index.apxl" in folder and open with an Xml editor or TextEdit.app (worked better)
4. Within text "Find" this text string (with quotes): <sf:kSFRSharpnessProperty><sf:number sfa:number="75"
5. Replace with: <sf:kSFRSharpnessProperty><sf:number sfa:number="0"
6. Then Replace All
7. Save text file and quit editor
Here's the tricky part...
8. Rename the text file to "index.apxl.gz" (without quotes)
9. Right Click "Unsharpen" folder name and Get Info
10. Add .key to end of name in Get Info and hit Enter. Confirm adding .key
11. You should now be able to open file with Keynote and all Sharpness settings are at 0 and all photos are using the original image file name (without "filtered" tag).
12. Run show to confirm all is happy and save.
Let me know if any solution is found to original issue.

How do I create a duplicate image inside the same page? Then how do I change the color of that image

how do I create a duplicate image inside the same page? Then how do I change the color of that image from black to red?

Hello there!
Here is one way to create a duplicate image and colorize it. As you can see below, I have one image right now, that I want to duplicate.
My layers panel looks like below.
To duplicate your image, click the downward arrow on the right side of your Layer Panel.
Select Duplicate Layer. This will duplicate the layer that the image is on.
Select "OK" to approve the duplication.
As you can now see in the Layers panel, the image is duplicated. The new layer is now at the top of the Layer panel.
Now to colorize your image, go to Window > Adjustments.
The Adjustments panel will now be opened. Select the Hue and Saturation icon as seen circled in red.
The Hue and Saturation propertied panel will be opened. I selected "Colorize", and adjusted the hue and saturation bar to achieve the level red in my photo.
As you can see below, the image is now red.
Now i want to make sure only ONE of my image layers is red. I moved the Hue and Saturation layer to only be on top of the bottom layer. The image on the top layer now will not be affected by the red.
Select the move tool, so I can now move the image layers so we can see both of them.
With each image layer selected, you can take the move tool and move the images. I moved mine on top of eachother and you can see my red layer (bottom) and the non red layer (top).
I hope that helps. i have also included helpful links.
Please post back with any questions,
Janelle

Adjust Image in photo grid or album?

How do I do this? I need to make image adjustments to photos I have in a photo page. I click on the image in the grid, but the Adjust Image window goes grey and I can't make any adjustments. What gives?

Those adjustments would have to be made prior to importing them.
Photo's in regular pages can be adjusted.
From the help menu:
NOTE: You can’t use the Adjust Image window to modify photos in a photo grid (on a Photos or My Albums template).

Adjust image

have a new macbook pro early 2011 and am working in iweb 3.03. I can't seem to get adjust image to work. I can "edit in iphoto" but no in iweb adjust.
When I click on the image and then "adjust image" the menu comes up but is blank, no buttons can be activated. clicking on an image on the page, including right clicking option clicking etc, yields no results. clicking in the media/photos bar and selecting a photo-- nothing. No right click or option click options. Is my install corrupt? searched around on this group and other sites didn't really find any hints.
Anyone else?

HI Old Toad,
Thanks for the answer. Unfortunately, it didn't work. I've done it twice, both times rebooting to no avail. To be clear, I am click on an image in the page and then going to "adjust". I've also tried clicking on an image in the media tab. Double clicking the image, and so on. Nothing.
OK, btw, I've been playing with iweb a little. You can edit photos on every page except for those included in a photo page. Whats up with that?!! I guess your supposed to use iphoto to prepare all the photos and then drop them in.
cheers,
mr

Can't adjust images

Whenever I select an image and show the "adjust image" panel, pages will not allow me to actually change any of these settings. The sliders just won't move and the "Enhance" and "Reset Image" buttons are grayed out. I've been using Pages for nearly a month and have yet to figure this out-- all images in all of my documents have been un-editable. Am I missing something obvious here?

I believe they were originally imported from an Adobe Illustrator file. Is it the permissions on the image itself?
The principle of the thing is that while a colour photograph in TIFF or JPEG format is one and only one object in one and only one file, a colour photograph in PDF Portable Document Format is one object in a file format that can contain indefinitely many objects, and the objects can independently of one another by in one or more colourant components and in one or more colour management models (or left not colour managed). While it is clear what to colour correct in TIFF or JPEG, it is not clear what to colour correct in PDF, so colour correction is not implemented for this file format. If you want to colour correct a PDF in Apple system software, open the PDF in Apple Preview, save to disk as TIFF, open the TIFF in Apple Preview, and apply your colour corrections. Check the resolution of your TIFF in Preview > Tools > Get Info > Summary > Image DPI (Dots Per Inch). By default this will produce 150 DPI which is sufficient for a desktop printer, but for a digital press you need 300 DPI. If you are aiming for a digital press, convert from PDF to TIFF in another application that lets you control the resolution.
/hh

Adjust Image Problem - Image Changes when Mouse Click is Released.

I love the fact that images can be adjusted after insertion into a page (Things like brightness, contrast etc). The problem I have which is very frustrating is that while any control on the Adjust Image panel is selected and being edited (click and hold mouse button to move a slider), the images' contrast and brightness change (perhaps as if to indicate selection?). This is inherently a problem since it's these very characteristics you're trying to edit. So you adjust the image to your liking but when you release the mouse button, then image then suddenly changes and is no longer the way you want it. Anyone else seen this problem and have any helpful suggestions?

I have been trying to replicate your issue using different format images..but I did not succeed.
If its not images and types that cause the problem, then the inference is that it the application.
The usual advice... unless you want to contact tech support and present your problem to them - is to uninstall iBA with Appdelete or similar rather than dragged to the trash, and then do a reinstall.
This presupposes you saved everything/copies etc,.
BTW, I seldom use the various sliders, with practice using the LEVELS can be more effective, have you tried this option?

If I set Firefox to refrain from loading images automatically, how can I view a single image, or a single page's images, without having to enter the site in the Exceptions list, only to go back and remove it when I'm done?

I was hoping for a hotkey option or button on the toolbar to load images for a single page for a single session at a time. Turning off images really saves bandwidth and speeds load time on websites, but sometimes I'd like to view the images on a page, but only for this session. Is that possible, or do I have to go to the Exceptions page and allow a specific domain or page to load images and then go back and remove that domain or page when I'm done?

*Image Block: https://addons.mozilla.org/firefox/addon/image-block/

Broken Image on SSo Logout Page

Hi, I'd implemented SSO as Partner Application on an HTML DB application. Everything works great, except for the Status Image on the Logout Page, that is not been showned correctly.
How can I fix this problem. Is this a setting on the SSO Server, or is it an HTML DB issue?
Regards.

Ah, ok. That will be a great solution in case I want to customize the images on that page.
But I just want to use the standard solution with the standard icons. I'd looked at other Oracle applications and I believe that icon is called "osso_logout_success". Do I have to set sth. on the SSO Server in order to view it correctly?
Regards

Is Acrobat Pro right for us. We have an Employee Handbook that needs editing. Some is current pdf, some from an older version. Want to get all into one handbook, have the table of contents automatically adjust and link to specific pages from the ToC.

Is Acrobat Pro right for us. We have an Employee Handbook that needs editing. Some is current pdf, some from an older version. Want to get all into one handbook, have the table of contents automatically adjust and link to specific pages from the ToC.

You can download the trial version (http://helpx.adobe.com/acrobat/kb/acrobat-downloads.html) to convert the PDF back to WORD if you do not have the original. The conversion may not be perfect, but it is typically better than starting from scratch. You may be lucky and get a good result. You might check the settings (in the save screen) to try retain format versus retain text flow. The format version can be a pain to edit since it creates a bunch of text boxes. The flow version may require you to reformat in WORD, but you likely would want to do that anyway.

I am not able to print pdf file from coursesmart website. i disabled flash plugin and only images are on the pages. When i preview, i only see blank page...help

i disabled flash plugin.
now i open site - http://www.coursesmart.com/9780495797494/2
page contains images.When i click on print preview button, i cant see anything.... also i tried all pdf plugins and extensions, but none help to convert/print page in pdf. please help. how can i print whole page to pdf?

Doesn't work in Google Chrome either.
Looks that the page has a lot of protection measures (context menu is disabled) and DIVs that overlay each other, so it is possible that the print routine only sees an empty DIV and not the image or the real page.<br />
That big image consists of two parts as you can see via Tools > Page Info > Media and the inspector.

I can't see the images on a web page, instead of them I get an interrogation.

I can't see the images on a web page, instead of them I get an interrogation.This is only one page, and none of the browsers can view your images, and this happened after updating the operating system to Yosemite.

Safari > Preference > Advanced
Checkmark the box for "Show Develop menu in menu bar".
"Develop" menu will appear in the Safari menu bar
Enable Images.
Make sure that"Disable Images" is not enabled.

Adjusting image to length of page

Similar Messages

Maybe you are looking for