Getting an image to fit across width of browser

Hi
Im trying to get an image to fit across width of browser - I thought i could do it as you would a shape ie size image until red line appears both sides so it will fill automactially as same as a shape. However when I do this it just isnt working - it doesnt stretch across width of browser.
I do realise that I can use BROWSER FILL - however as i already have an image for footer i've used this function which works well. Ive also tried combining the image and my footer as one large image using browser fill - however this doesnt work as when the image is scaled up on a large monitor it puts everything out, as it is just treating it as one large background image.
So my question is - is there anyway I can get an image thats placed to fill browser width without using browser fill?
Many thanks in advance
Paul

Hi,
It works, but when I try this, my image is cut in the length (cutting is different, it depends on witch screen you look).
He don't scroll in image.
Specifications image
Fill (image): filling
Site properties:
Scrollbars browser: always (vertical, horizontal)
Anybody an idea?
Thanks!

Similar Messages

Get Cropped Image to Fit Screen?

Whenever I crop a photo the new image snaps to the corner and gets very small. Is there a way to change this so my new image stays floating AND fits the screen? I thought that in the past whenever I cropped an image it would fill the window the same size of the un-cropped photo. The only thing I can do now is after I make the crop select "fit to screen" (Ctrl-0) to get the image view large again. I don't remember having to do this. I crop a lot of photos so I'd really like a way to make the crop instantly go to a large image. Did I mess up my settings some where or do I have to click "fit to screen" after every crop?

Usually when you crop an image in the full edit mode,
the cropped image will be at the same viewing percent
as the uncropped image. In other words if your image was at 100%
view (actual pixels), the cropped image will also be at 100% view.
Sometimes in the floating image mode (non tabbed view) the window will
get smaller and end up on the left top of the screen (don't know why).
If your using pse8-9, you can work in the tabbed viewing mode to prevent the window resizing,
but the image itself will still not fill the screen, only the document window.
In earlier versions you can use the maximize window mode.
MTSTUNER

How do I get an image to appear across two pages?

Setting up a book with iBook Author, and I want an image to appear across two pages, as it does with some of the images in the Life on Earth text. I've tried floating the image, but it only appears on one page, and the image cuts off at the page end. Anyone know how to do

A Page consists a readers spread. A left facing page, and a right facing page. In the caes of iBooks Author that thinking is throw out the window. I am going to reference page 2 and page 3 of that Life on Earth iBook. The planet earth image.
1. Take an image/object and place it where you want on the Right side of your Page. Now select that image/object and COMMAND-C (Edit>Copy) so we have a copy in the pastboard.
2. Go to the Left ajoining page by scrolling the layout to the right and simply COMMAND-V (Edit Paste) so the image/object now resides on the left page. Position this image so it mirrors the opposite side of the image/object you place on the Right page.
Hope that all made sense.

Getting backround image to fit in all browser sizes

I have an image of a baseball field that I would like to use as the backround of a website I am building. The problem I am having is that the image doesn't adjust to the size of the browser if I shrink or inlarge the browser. Is there a way to get backround images to autofit the browser with dreamweaver?

No. Background images are static. They are the size that they are. You can't make a huge background fill viewport in all displays so don't even attempt to use this as your body background image.
The best backgrounds are small, seamless tiles or slices that you can repeat vertically and/or horizontally to fill the available viewport.
More on Backgrounds:
http://alt-web.com/Backgrounds.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Image to fit any width

Hi,
I'm putting a flash site together with a stage size of 800 x 600px but I have a background image that I want to use in the same Flash file, the size = 1350x800px (jpg) that I want to stretch/compress to whatever screen resolution the viewer has. So I need 100% width & height, I've gone through the forums but can't figure this out.
I'm on Flash 8, Win 7 and Dreamweaver 8.
Thanks in advance.

Sorry, I forgot to insert this link: http://www.maris-interiors.co.uk/ This what I'm trying to achieve, (the background image).

Image that spreads across entire web browser

:rose;
I want to design a web page that has 3 separate sections in
the page where the design/image goes across the entire web browser
window without repeating and stays that way even when the browser
is resized. Making a table with 3 rolls only contains each image
within the space designated for that table roll and the background
surrounding the table still looks different.
Do I need a Javascript or something?
Thanks for your feedback.
Viola J.

So here are my screenshots.
1st one shows the image on a slide in captivate
2nd one shows the image preview in the Library
last image shows it in web browser or published view:
I spoke to technical support today and they could only tell me to copy and past into a new file. I've done that and still getting the same error. Even worse now my audio is having issues. I cleared my cache settings like Lilybiri suggested but nothing seems to work.

Background image to fit in DW WYSIWYG editor using HTML

I am trying to create an HTML background that will serve as the landing page on my website. I need help with formatting the image to fit the entire screen so that it does not scroll down or repeat. Also. Once this is done. I would like to upload it onto my website background page. I am using the WYSIWYG editor because for now. I can somewhat make sense of it. However am stuck trying to get the image to fit perfectly. I am not using CSS and don't wish to either. I understand HTML a little better. Please, help. I've been stuck for days at this rate.

Unfortunately, you can't design modern websites without a good grasp of both HTML and CSS code. Don't limit yourself with Design View only. Use Split View so you can see the code DW is creating.
http://w3schools.com/
http://www.csstutorial.net/
http://phrogz.net/css/HowToDevelopWithCSS.html
To answer your question about BG image. Use CSS background-size property with vendor prefixes. This can't be done with HTML.
CSS Code:
body {
      background: url(your-BG-image-here.jpg) no-repeat center center fixed;
    /**for Safari,Chrome**/
       -webkit-background-size: cover;
     /**for Firefox**/
       -moz-background-size: cover;
      /**for Opera**/
       -o-background-size: cover;
      /**for all other browsers**/
      background-size: cover;
Nancy O.

How do I get a header image to span the width of the screen without getting distorted?

I've just finished two online classes for Dreamweaver through Ed2go and have a reasonable idea of HTML and CSS. What I'm trying to do is a re-make of my personal web site (www.astral-imaging.com) that I display my astronomy images using all CSS layout and proper HTML coding. The existing site was done long ago using FrontPage and is loaded with tables and nested tables for layout. I need to make several templates for repeated pages but I'm lost on how to create my header banner. I've used Photoshop CS5 to create what I want to use and saved it as a .JPG file. The original canvas size is 1000x200 pixels but I also want the site to use a liquid template so that if the viewer is using a monitor at 1024 width or higher the page will fill the screen.
My target audience is mostly people in astronomy groups that I participate with and their screen resolutions will most like be 1280 and up. The images posted are usually 1000, 2000, and 3000 pixels wide. The reason for this is that there is very faint and small detail in these images and the larger sizes allows the viewer to scroll around in the full sized images to see this detail. There are links so the viewer has a choice of how large an image they want to view. So this explains my rational behind the sizing and I'm left with how to make the header expand without distorting to various sized displays. Below is what I had designed. Am I asking for too much or just a bit too green to know what to do? Any suggestions would be extremely welcomed. The PSD file has the separate 4 layers. What I have though about is the header being multiple images:
the actual background gradient image
the DRO info floated left
Glimpses of Our Universe centered
image floated right
Only issue is I'm not sure if this will work and if so what is the proper coding? I think there needs to be a div container and although I know how to create the div, inserting multiple items into it and using CSS to style them is confusing me. Is there a link to information on DIVs that would help explain this. From what I've seen from my Google searches I haven't seen anything that addresses this. Maybe I need better search terms.
Thanks,
Steve

Nancy,
I appreciate the feed back but this doesn't extend the banner across the page. I understand the header background color filling in the area to the right of the banner image as well as the background color of the body tag. I guess what I'm wondering is if it's possible to have multiple images in the header div tag? I may not even be explaining this correctly. If I were using a table to lay this out it would have 1 row and 3 columns with the gradient image as the background in all 3. I could keep the cell width set to a fixed number for the right and left cell while center cell would be able to span the remainder of the screen width to fill across the top of the page. The hight would adjust to maintain the aspect ratio. Does this make any sense?
Basically the code below is what I'm after but using CSS to lay it out and not a table:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
table {
background-image: url(images/banner_background.png);
text-align: left;
body {
background-color: #000;
.center {
text-align: center;
background-image: url(images/banner_background.png);
.right {
background-image: url(images/banner_background.png);
margin: 1px;
padding: 0px;
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
    <th width="22%" scope="col"><img src="images/DRO_trans.png" width="325" height="200"></th>
    <th width="59%" class="center" scope="col"><img src="images/glimpses-astral.png" width="450" height="120"></th>
    <th width="19%" scope="col"><img src="images/Thor-3rd-300.jpg" width="300" height="198" alt="Thor's Helmet"></th>
</tr>
<tr>
    <td colspan="3"> </td>
</tr>
</table>
</body>
</html>
If it's any help or you are curious, the png files can be downloaded here: http://www.astral-imaging.com/test_images.zip
Thanks,
Steve

How can I get a header image to span full width of page?

Hi All
I have tried just about every thing to get this image to span the full width of the page, its fine in design mode but when I view it in preview its centred with white space either side.

Hi Brad
Thanks for your reply, I have treied that also with similar results.

How to import many large graphic images to fit into column width?

I have a 2-column layout and about 150 large graphic images which must be imported so that they fit exactly into the column width. These are bitmaps which have all the same dimensions. All of them will need a border (stroke). And they should be inline graphics because they belong to exact positions in the text flow.
What would be the sensible approach to that (apart from scripting which I have not done yet)? I tried to define an object style which has the attribute "Fit content to frame", but this does not scale the image to the column size. How can I avoid to format 150 those images manually?

It may be easier to change the ppi in photoshop so the image can be placed at the exact size.
so if the image is 10 inches and the file is 300 ppi
with resample image unchecked change the width to whatever you want it say 2 inches no the ppi will automatically change to 1500 ppi. Save. If you are creating a PDF make sure these images are not downsampled if you need the resolution.
another way if all images are the same size would be to size one and place it where all the images go and relink to the other pics, when you relink it should retain the properties of the previous pic.

APIs for Adobe Reader to get the x, y co-ords,width,height of all elements (text/image) in a PDF doc

Hi all,
I have written a Acrobat plugin using PDFEdit APIs to extract x, y co-ordinates, width and height of all elements(objects) in a PDF document.
Now, I wanted to make the same working on Adobe Reader.I have added the READER_PLUGIN macro enabled in Project settings.
When I re-compiled the code, I got a bunch of errors saying all PDFEdit APIs are not available under Adobe Reader.
My objective is to parse through the entire PDF document and get x, y co-ordinates, width, height of all PDF objects (especially Image and Text objects).
Can anybody help me how to achieve this ?
Thanks
Prasanth

I know that we cannot obtain the PDEContent of a PDF page from Adobe Reader, as PDEContent is modifiable content and as such it cannot be accessible from Adobe Reader.
Also, as PDFEdit API's does not work for Adobe Reader, we are trying to figure out a way to achieve this for Adobe reader.
I am curious to know if the COS APIs can help us in this task.
I tried to read the stream content using PDPageStmGetToken API. I get the data of this format:
344.88 0 0 91.44 71.882 41.92cm
Here, as per PDF reference, I am getting only distance from X Axis and distance from Y Axis. But not width and height.
Can you knidly let us how to get the image attributes (primarly read only attributes like x and y co-ordinates, width and heoght) with Cos APIs.
Thanks
Prasanth

How can I get the image width and height stored in database?

Hi!I write s servlet to display images store in database.but how can I get the image width and height?

Have you tryed using PJA or a similar library?
I presume you get java.lang.NoClassDefFoundError on the line :
Toolkit.getDefaultToolkit();?

[CS2]How to get the Image Width & Height using JS (ILLUSTRATOR CS2)

Hi,
How to get the Image width & height of an Image using javascript .Im using Illustrator CS2.
Any sample code
Regards
MyRiaz

you can reference the dimensions of a loading image (or swf)
by referencing the target movieclip's dimensions AFTER loading is
complete. ie, use preloader code or the onLoadInit() method of a
moviecliploader listener.

How to get blob image width with ordimage?

Hello,
I have trouble getting image width with ordimage. I have quite the same program for processing images as here: http://spendolini.blogspot.com/2005/10/manipulating-images-with-database.html
so I have declared image files as BLOB files. How can I get the width for the them?
There is a sample from ordimage reference:
DECLARE
image ORDSYS.ORDImage;
width INTEGER;
BEGIN
SELECT p.product_photo INTO image FROM pm.online_media p
WHERE p.product_id = 3515;
-- Get the image width:
width := image.getWidth();
DBMS_OUTPUT.PUT_LINE('Width is ' || width);
COMMIT;
END;
the ORDSYS.ORDIMAGE is used instead of BLOB here. when i do the same then i can't select BLOB content into the ORDSYS.ORDIMAGE variable. And otherwise I can't use the getWidth with the BLOB variable.
Can anybody help please?

Hi,
the column blob_content is not suitable for storing into v_image2 because variable v_image2 is of type ORDSYS.ORDIMAGE and the column is BLOB.
I used the following method instead:
declare
image blob;
attributes clob;
img_mimeType varchar2(32);
img_width integer;
img_height integer;
img_contentLength integer;
fileFormat varchar2(32);
contentFormat varchar2(32);
compressionFormat varchar2(32);
begin
DBMS_LOB.CREATETEMPORARY(attributes, TRUE, DBMS_LOB.CALL);
select img
into image
from image_repository
where id = 0;
ORDSYS.ORDImage.getProperties(image,
attributes,
img_mimeType,
img_width,
img_height,
fileFormat,
compressionFormat,
contentFormat,
img_contentLength);
dbms_output.put_line(img_mimeType);
dbms_output.put_line(img_width);
dbms_output.put_line(img_height);
dbms_output.put_line(fileFormat);
dbms_output.put_line(compressionFormat);
dbms_output.put_line(contentFormat);
dbms_output.put_line(img_contentLength);
DBMS_LOB.FREETEMPORARY(attributes);
end;
try adapting this code and think about the possibility of "caching" image properties, because it takes some time to retrieve them every time.
Bye,
Flavio
http://oraclequirks.blogspot.com/search/label/Apex

Maximize page to fit screen width

Hi,
I would like to maximize all the pages of the application to fit the entire screen size i.e. effect similar to F11.
Please let me know how it can be done at application level.
Thanks.

@fac586,
Thanks for your reply. I have been asked to check the feasibility of this feature. I just gathered the complete details.
Its a Org specific Knowledge search kind of application. So the users will be employees of that org.
The employees mostly use Mozilla Firefox or Internet Explorer and versions might be latest (or) one or two versions lower. We can also display a note in the browser and suggest them to use Mozilla(if required).
The main purpose of the full screen mode is we want to utilize maximum screen space to show the pages, as there are lot many regions displayed over there.
If there is a better way to show the page in full screen or use max space, we are ready to go with it.
<li>Which browser(s) and browser version(s) is this application going to run on?Mozilla Firefox or Internet Explorer and versions might be latest (or) one or two versions lower. We can also restrict them to use Mozilla only.
<li>Which operating systems?User will be in Windows XP in most cases. I assume its OS of the user here.
<li>Is it an intranet application that will run in a controlled environment?Yes it is.
<li>An internet application that anyone can run?No.
<li>How is it deployed? As a desktop icon in a controlled environment? As a link on another site? On a standalone kiosk device?Users will be provided with URL for the application. Its deployed in apex.oraclecorp.com
<li>Do the users expect it to run in full-screen mode? Do they even know what full-screen mode is? Do they know how to get out of it and back to their desktop or other apps? Will they want to run it in full-screen mode?Since the requirement is to have all the regions displayed comfortably in the page, without scrolling the page full screen mode is used. We are planning to have a button in the page, which will exit the full screen mode and move to normal mode so that users can perform regular activities with browser.
<li>Are there any accessibility concerns to doing this?The purpose of the full screen mode is we want to utilize maximum screen space to show the pages, as there are lot many regions displayed over there.
If there is a better way to show the page to use maximum space, we are ready to go with it.
<li>How will this work across multiple devices? Screen sizes? User font settings?We have not thought about this yet. Whatever may be the screen size or display settings the user have, it should expand to fit screen width.
Please do let me know if require more information on this.
@Joel_C,
I am a newbie in APEX and Web applications and to these forum categories too. Though the disclaimer claims, it hurts.
If I had known its a browser specific functionality earlier, why wouldnt I mention it ealier and end up in multiple iterations to get a solution to my query and waste valuable time of fac586?
No one can become 'Guru' in the way you have mentioned. Atleast I havent. Its through hardwork and continued contributions one can attain this position.
You might have also crossed this stage when you started with web applications. I am not a born genius and just a learner.

Getting an image to fit across width of browser

Similar Messages

Maybe you are looking for