How do I adjust background image, it is too big

Hi I am very new to DW. I am completing a portfolio project that is due very soon. I just realized that the background image that I created in Photoshop is extremely large so when a user scrolls to the right there is empty screen. I would like to have nothing to the right or not even an option to scroll right. hope that makes sense. Is there a way to adjust so that it will only fill the screen instead of going over more? I put in a screenshot. Thanks for your help.

Ben I put that code in but it cleared the background off totally, what did I do wrong? Thank you

Similar Messages

Adjusting background image?

I'm pretty new to the creating of homepages, so this might be
a rather basic problem, but anyhow here's my question: I've created
my own background image in Photoshop and imported it to Dreamweaver
as a background image with the script:
background-image:url(front2.jpg);
background-repeat:no-repeat;
The oroblem I have now however is that the image seem much
too big in size for the created webpage, displaying only a corner
of the original image. How do I adjust this?
Thank you very much in advance for any tip you can give me!
/ Sireli

Hi,
try:
background-position= center top;
"Sireli" <[email protected]> escribió
en el mensaje de noticias
news:fs2hoq$fok$[email protected]..
> I'm pretty new to the creating of homepages, so this
might be a rather
> basic
> problem, but anyhow here's my question: I've created my
own background
> image in
> Photoshop and imported it to Dreamweaver as a background
image with the
> script:
>
> background-image:url(front2.jpg);
> background-repeat:no-repeat;
>
> The oroblem I have now however is that the image seem
much too big in size
> for
> the created webpage, displaying only a corner of the
original image. How
> do I
> adjust this?
>
> Thank you very much in advance for any tip you can give
me!
> / Sireli
>

How to put the background image in Title Window?

Hi,
I'm newbie in flex. I 'm using Flex 4.
Can anyone give me some guidelines on how to put the background image in Title Window?
Is it possible to do this?
Thanks.

Hi,
Check the below sample code
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
    <fx:Declarations>
        
    </fx:Declarations>
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        s|BorderContainer {
            background-image:Embed(source="image/wheres_the_green_rez.jpg");
            background-image-fill-mode:clip;
    </fx:Style>
    <s:TitleWindow width="100%" height="100%">
        <s:BorderContainer width="100%" height="100%"/>
    </s:TitleWindow>
</s:Application>
Regards,
Anitha

I would like to know how to stretch a background image using HTML

Hello Seniors of Sun,
I gota small doubt in HTML, can any one please help me in solving it,
I would like to know how to stretch a background image using HTML? I have tried and tried to figure this out and cannot..
so any one kindly help me in this...
waiting for reply...

Please note that this is not an HTML forum.
You can use an image tag on a DIV positioned behind the rest of the page, so that could actually work. And if you want to use body:background, then look up an HTML/CSS reference and see if there are any other body attributes or CSS stuff that applies to the background image.

How to repeat a background image to cover the height of the page?

Hi
I have a page with an image alinged to the top in a table and
I have a pattern in the background of the cell in the same table
I need that background of the cell to repeat it self along
the height of the page, so when someone views the page at a higher
resolution, the background image will repeat it self to cover the
extra space.
I've tried setting the height of the table to percentage, but
the table doesn't cover the height of the page.
I could also make the table really long so when viewed at
higher resolution there wont be any blank space at the bottom, but
this makes an unnecessary and long scroll when viewed at lower
resolution.
Someone told me to use css but i have now idea how to
implement that.

make sure you have set your page margins to 0 if you don't
want the default
margin top left. Cut and paste the following into the head of
your document
just before the closing </head> tag.
then if you want to repeat a background image in a cell, you
need to create
a rule to do this:
.cellback {
/*this repeats the image across the page horizontally*/
/* if you want to repeat down the page, then change to
repeat-y */
background: url(pics/whatever.gif) repeat-x;
you can combine this background image rule with the other
margin setting so
you have:
<style type="text/css">

</style>
You then apply to the class to your cell
<td clas="cellback">
Examples here:
http://www.dreamweaverresources.com/tutorials/pagebackgrounds/cellbackground.htm
this shows how to use a background image for your entire
page:
http://www.dreamweaverresources.com/tutorials/pagebackgrounds/examplehor.htm
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
> I have a page with an image alinged to the top in a
table and I have a
> pattern
> in the background of the cell in the same table
> I need that background of the cell to repeat it self
along the height of
> the
> page, so when someone views the page at a higher
resolution, the
> background
> image will repeat it self to cover the extra space.

Scanning: The image size is too big. Please reduce the image height, width, resolution, scaling or output type.

Good Day.
I have recently discovered an issue with scanning. I have tried scanning straight from the printer, through image capture, and through preview. All yeilding the same results since they are essentailly kicking off the same scanning applet. I can scan a jpeg formatted file as long as I applet is in the "Hide Details" mode. If I click on the "Show Details" button, which I need to do to scan to PDF, I immediately receive an error stating: The image size is too big. Please reduce the image height, width, resolution, scaling or output type.
I'm currently using an HP C5180 printer.   The most recently installed software was Adobe Digital Editions (I installed this to read an on-line e-book). Not sure if there is any correlation.    Thanks for any help.
Mac details are:
Model Name:          MacBook Pro
Model Identifier:          MacBookPro8,1
Processor Name:          Intel Core i5
Processor Speed:          2.3 GHz
Number of Processors:          1
Total Number of Cores:          2
L2 Cache (per Core):          256 KB
L3 Cache:          3 MB
Memory:          8 GB
Boot ROM Version:          MBP81.0047.B27
Printer access log:
Source:          /var/log/cups/access_log
Size:          174 bytes
Last Modified:          11/21/12 10:09 PM
Recent Contents:          localhost - - [21/Nov/2012:22:09:16 -0500] "POST / HTTP/1.1" 200 61628 CUPS-Get-PPDs -
localhost - - [21/Nov/2012:22:09:20 -0500] "POST / HTTP/1.1" 200 61628 CUPS-Get-PPDs -
Image Capture Support:
Image Capture Support:
Path:          /Library/Image Capture/Support/Hewlett-Packard/Devices/HPAiOScan.bundle/Contents/Info.plist
Version:          2.3.0
Path:          /Library/Image Capture/Support/Hewlett-Packard/Devices/HPAiOScan.bundle/Contents/Resources/Dev iceInfo.plist
Version:          2.3.0
Photosmart C5100 series:
Status:          Idle
Print Server:          Local
Driver Version:          4.0.0
Default:          Yes
Shared:          No
URI:          dnssd://Photosmart%20C5100%20series%20%5B960B9E%5D._pdl-datastream._tcp.lo cal./?bidi
PPD:          HP Photosmart C5100 series
PPD File Version:          4.0.0
PostScript Version:          (3011.104) 0
CUPS Version:          1.6svn (cups-327)
Scanning support:          Yes
Scanning app (bundleID path):          -
Scanning app version:          -
Scanner UUID:          CC8DD435-CC8D-D435-CC8D-D435CC8DD435
Printer Commands:          ReportLevels
CUPS filters:
Inkjet:
Path:          /Library/Printers/hp/cups/Inkjet.driver/Contents/MacOS/Inkjet
Permissions:          rwxr-xr-x
Version:          4.0.0
commandtohp:
Path:          /Library/Printers/hp/cups/filters/commandtohp.filter/Contents/MacOS/comman dtohp
Permissions:          rwxr-xr-x
Version:          2.1.1
Fax support:          No
Printer utility:          /Library/Printers/hp/Utilities/HP Utility.app
Printer utility version:          5.9.1
PDEs:
PDE.plugin:
Sandbox compliant:          Yes

Hello Sig
The scanner works with a Windows computer, which proves the device is functional at a cursory level. The drivers are now distributed by Apple and this is an Apple computer. There is no scanning software provided by HP. HP's answer is that Mountain Lion takes care of all of this. I anticipate that some setting or driver was somehow tweaked since the scanner had been working with Mountain Lion until a few days ago. The device in question is an Apple product. So, I'm pretty confident that I'm in the right place.
Regards

Dynamically adjust background image?

Alright, here's one i think is a challenge:
I have a background image loaded in a div via css. I use this
div and background across multiple pages. Some pages have more info
than others. Is there a way to dynamically scale the div AND the
background? I know I can do the div, but it cuts the background. I
want to be able to adjust both the background image and the div
according to how many lines are in the page.

Bleh....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Nancy O" <[email protected]> wrote in message
news:g0t6tl$kdt$[email protected]..
> Without seeing your site, I'm guessing you are trying to
"fit" content
> precisely over a large, absolutely positioned background
image or
> photograph. Am I right?
>
>
http://alt-web.com/Backgrounds.shtml
>
>
> --Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>
>
>
> "Mack879w" <[email protected]> wrote in
message
> news:g0t2k6$ga7$[email protected]..
>> Alright, here's one i think is a challenge:
>>
>> I have a background image loaded in a div via css. I
use this div and
>> background across multiple pages. Some pages have
more info than others.
> Is
>> there a way to dynamically scale the div AND the
background? I know I
>> can
> do
>> the div, but it cuts the background. I want to be
able to adjust both
>> the
>> background image and the div according to how many
lines are in the page.
>>
>
>

How do I edit background image, delete unwanted things, mask items etc.

Hi Fincal Cutters,
I'm working on a film that has some scenes based on 18th century China. In my filming locations, there were times where I found small items that I want to delete or mask from the background. I'm running Final Cut Express v3.5. Has anyone done this? How? Please recommend things you know work.
Best Regards,
Mark Schaefer

Hi(Bonjour)!
If your objet do not move, use this trick:
You can make a freeze frame of your clip (showing unwanted objects).
Open it in Photoshop and erase the offended object with clone tool (or others).
Import your PS file in FCE.
Put it over your clip, and use crop tool to adjust the image just to keep your "corrected" part. Using a mask can help too.
Michel Boissonneault

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 do I remove background images from a PDF? Using Adobe Acrobat 6.0 Standard.

I have a file I need to print off, but the document is 100 pages lond and each page as a very obnoxious background image that makes it difficult to read the content, and I really don't want to waste the ink.
I have tried a few things with no luck:
-Tried replacing document background color in the 'Accessibility' tab in preferences.
-Tried unchecking the 'Display large images' field in the 'Page Display' tab in preference - this leaves a dark gray background that I can't get rid of, which is almost as bad as the original image.
-Tried several combinations under the 'Color Management' tab in preference to lessen the gray background achieved from the previous step. I can only brighten the shade slighty, but there is still a fair amount of gray background.
I just want a white background, or a clear background, and I have not seen any article or help topic on how to accomplish this. Please help!
Mike

You might want to see if you can select the background with the object touchup tool. If so, can you then just delete the selected object. May take a while to go through the document, but if it solves the problem you are ahead. You may be able to select it with JavaScript and repeat the process. My point of using the object touchup tool is that it may not be a background set by Acrobat, but something that is simply labeled as an image from the Acrobat viewpoint.

How to create a background image for each item in a List object

Hello.
I am trying to create a background image that displays whenever a user posts something to a list. For example when a user posts text it would appear in a list. The new item in the list would contain a specific background image with the users text appearing on top of the background image. I do not want a background image for the entire list, rather each item within the list.
I am not sure how clear this is so I added an image below. When a user enters text in and clicks the "post-it" button their text would appear below with the sticky note background.
I am not sure which list type would be best for this problem or how to create insert the image, so I am open to suggestions.
Thank you for your help. Any advice or guidance will be greatly appreciated!

Hi
the easiest way would be with itemRenderer.
You have to do two things:
1. In your list declaration use a item renderer: <mx:List itemRenderer="myRenderer"/>
2. create a flex component myRenderer that will be the single item. This can be a canvas with a background image and a text field on it.
When you add a new item to the list, a new myRenderer item will be created and the data property will be passed to it. So you have to put "data" in your textField.
If you need more help try looking at Tour de Flex samples, they're pretty easy.
Andrei

How to set a background image in javafx?

Hi everyone,
I draw FXML GUI,it includes labels and ProgressBar,load it in JavaFX, this is a snippet.
root = FXMLLoader.load(getClass().getResource("StartMenuFXML.fxml"));
label1=(Label)root.lookup("#label");
label2=(Label)root.lookup("#label");
progressBar = (ProgressBar)root.lookup("#ProgressBar");
scene=new Scene(root,600,400);
stage.setTitle("Start Progress");
Progress p = new Progress();
p.start();
stage.setScene(scene);
stage.show();
I need to add a background picture in it, so I add the statements:
GridPane pane = new GridPane();
pane.setTitle("-fx-background-image: url('image1.jpg')");
and change: scene =new Scene(pane,600,400);
It can display the background picture, but I don't know how to display the labels and ProgressBar on the background picture.
Give me a good resolution please!
Thank you so much!

James_D，
Your answer is the exact solution, you are a real expert.
Thank you very very much!!!

How to set a background image in Web dynpro for Java?

Hi,
Experts,
As i want to set a background image in my application can u please suggest how to get background image. send any sample scenarios.
Thanks in advance,
Shabeer ahmed

Hi,
I don't think it can be done in WDJ.
Maybe something can be done on the portal end.
Refer to http://help.sap.com/saphelp_nw70/helpdata/en/79/affe402a5ff223e10000000a155106/frameset.htm
Changing the theme can help maybe but I do not know how to go about that
Regards,
Himanshu

How to save transparent background images to have transparent background thumbnails with Photoshop 2014?

In old versions of Photoshop there was a feature that made thumbnail images have a transparent background. I'm a CC member using Photoshop 2014 on a MacBook Pro running OS X 10.9.4 and every thumbnail of a transparent background image I've created in Photoshop 2014 appears on my desktop with a solid white box background that has a thin black outlined box inside of it. How do I save the transparent background images I've created in Photoshop 2014 so they will appear on my desktop as thumbnails with a transparent background? I'd like to continue to be able to replace the default background-less folder icon that that appears on files with transparent background thumbnails to customize my files as I use to do with older versions of Photoshop.

If your layered document has a Photoshop background layer it visibility need to be set off when saving a PNG or Gif file for Photoshop background layers do not support transparency.
Thumbnail may be a bit more complicated than you think. I do not use Lightroom, and only occasionally use the bridge. I believe Lightroom and Bridge keep thumbnails they develop for image files in their library databases and caches. Other programs do not have acces to these. RAW Files and Image files have Jpeg previews stored in then. I believe most application use these previews jpeg to create thumbnails. Jpeg format does not support transparency.
Icon on the desktop are not always thumbnails some are embedded icons in application modules other are icon in dll these may well have transparency. However image file on the desktop have generated thumbnails. However you can create a shortcut for an image png file and create a icon with a transparent background for the png file and change the shortcut's icon for the png file to the transparent ico file you created for it.
Also many Photoshop release ago an Adobe module created Thumbnails for image files in Windows File explorer and most likely system file dialog. Adobe stopped supporting that stating Microsoft changes how windows works.
Today I use FastPictureViewer Codec Package to generate image thumbnails for image files including RAW and PSD files in File Explorer and system file dialogs.
I don't use a Mac don't know what available for your Mac.

How to add different background image for submenu items???

Hi all,
I'm pretty new to web design and CSS in particular. Here's my problem...
I've got a Spry horizontal menu bar (untouched as yet), and I want to have a different background image for my submenu items than that of my menu items. From searching the internet I think that I need to apply a class to the submenu item (please correct me if I am wrong).
How would I go about doing this and how would I assign the class to just the submenu items?
Also ideally I want to have my first and last menu items to have rounded corners on one side (therefore making a rounded edge menu bar), is it possible to have a different background image for individual menu items? If so, how?
Really appreciate any help!

Thanks for the link! I've managed to sort the background issue, and it seems to be working fine!
Just one little issue left to tackle...
I want my text to be centered in my top menu items BUT aligned left in my drop down menu items. I have managed this but the text hugs the left hand side. I've tried adding a little margin to the left but that doesn't seem to affect anything???
Here's my CSS... Any ideas which class I should be targeting or why adding the margin isn't working would save my tearing the rest of my hair out! thanks! (screenshot attached).
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 120px;
    float: left;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-repeat: repeat-x;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #666666;
ul.MenuBarHorizontal li li
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    height: 24px;
    background-color: #333333;
    background-image: none;
    padding: 0;
    margin: 0;
    left: -1px;
ul.MenuBarHorizontal li li a
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    height: 24px;
    background-image: none;
    font-size: 12px;
    font-weight: normal;
    border: 0px 0 0;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 120px;
    position: absolute;
    left: -1000em;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    height: 24px;
    width: 120px;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal li a
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
    white-space: normal;
    padding: 0px;
    height: 24px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 20px;
    margin: 0px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
    background-repeat: repeat-x;
    line-height: 22px;
ul.MenuBarHorizontal li li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: none;
    background-repeat: repeat-x;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;

How do I adjust background image, it is too big

Similar Messages

Maybe you are looking for