How do you center a background image?

I've been trying to center my background image but am unable
to do it. I've resorted to trying to center the image instead
because I couldn't figure how to stretch a background image to be
viewable on a browser without a repeating image. Can someone
explain how to center a background image and/or stretch a
background image?

body { background-position:center; }
Maybe?
Background images don't stretch.
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
==================
"ff542" <[email protected]> wrote in message
news:g14orc$18l$[email protected]..
> I've been trying to center my background image but am
unable to do it.
> I've
> resorted to trying to center the image instead because I
couldn't figure
> how to
> stretch a background image to be viewable on a browser
without a repeating
> image. Can someone explain how to center a background
image and/or stretch
> a
> background image?
>
> body{
> background-image:
url(final-fantasy-1-the-journey-beginsbackground.jpg);
> background-repeat; no-repeat;
> background-color: #99CCFF;
> }
>

Similar Messages

How do you set a background image in Pages?

I have a simple question. How do you set an image to be the background of a Pages '09 document? How do you put a JPG image behind your regular body text? Surely it's possible, but I can't figure out how to do it.

You just didn't took care to the status of your picture.
It was an inline one
Change its status to floating and the menu item is no longer grayed.
This kind of features are described in Pages User Guide which is also for you
Yvan KOENIG (VALLAURIS, France) mercredi 13 juillet 2011 22:40:00
iMac 21”5, i7, 2.8 GHz, 4 Gbytes, 1 Tbytes, mac OS X 10.6.8
Please : Search for questions similar to your own before submitting them to the community
To be the AW6 successor, iWork MUST integrate a TRUE DB, not a list organizer !

How do I center my background image and get a round border radius?


body {
background-color: rgba(30,30,30,1);
background-image: url('images/me_atsunsetbackground1.JPG');
background-repeat: no-repeat;
background-position: center;
background-border-radius: 100%;
position: fixed;
margin-top: 250px;

That doesn't surprise me, that code wasn't meant to be a direct replacement for yours, it's just there to illustrate an idea for Nancy.
The <body> tag itself should not be changed in that manner because the <body> holds ALL of your site's visual elements. If you were to change the <body> in the way you are attempting (which isn't possible), everything in your site would need to be within that oval.
If you just want an oval background image on the <body>, turn the image itself into an oval in Photoshop and outside the oval, either use the same color as the <body> background-color, or leave it transparent and save it as a .png with transparency.
Your inset shadow css is badly malformed...
1. The attribute "shadow" doesn't exist. You're looking for CSS3 box-shadow.
2. Safari and DW need the -webkit- prefix to display it (again, you need to test in more than one browser)
3. The settings need to be in the correct order: h-shadow, v-shadow, blur, spread, inset (something like box-shadow:10px 10px 5px 5px rgba(255, 255, 255, .5) inset;
Keep in mind, css3 settings (like rgba color settings and box-shadow in its entirety) don't work in IE8 and lower at all, and are pretty spotty in IE9.

How can you make a background image change to a faded state at a certain point in scroll?

I'm referring to a technique I've seen used in Relevant Magazine's iPad app if anyone has used it. I understand having a shape behind text that has a feathered gradient and when you scroll the text the shape gradually fades out the background image. But this is not the effect I'm trying to acheive. On some of the articles in Relevant, the screen is a full image and as you scroll the type up, the entire background dims when you scroll to a certain spot.
I've tried searching for hours, but I feel like I'm getting no where because I don't really know what to search for. I feel like it requires use of something other than what DPS is capable of. Hopefully this makes sense and I'd greatly appreciate any suggestions and help!
Thanks!

Try applying the feathered gradient to the scrollable content frame, not the background frame. It will appear to change the color of the background frame.

How do you change a background image in an HBox control via actionscript?

Hi All,
I would like to change the background image of a HBox control
when the user clicks on a tab (tabnavigator control). I call a
function on the 'activate' method of a VBox control, within the
TabNavigator. So for each of the tabs when a tab is selected an
appropreate image is displayed in another part of the screen.
Thanks for any insights/help
regards
Davej

Binding a string variable and using the show() event instead
of the activate event will work. See Below
<mx:Script>
<![CDATA[
[Bindable]
private var mystring:String = new String();
private function dispAssocIMG(f3rd:String):void {
mystring = f3rd;
]]>
</mx:Script>
<mx:HBox backgroundImage="{mystring}" id="first3rd"
width="567" height="336" y="209"></mx:HBox>
<mx:HBox id="mid3rd" width="457" height="336" y="209"
x="567" backgroundColor="#956944">

<mx:TabNavigator height="336" width="457" >
<mx:VBox label="about me"
show="dispAssocIMG('image1.jpg')"></VBox>
<mx:VBox label="test2"
show="dispAssocIMG('image2.jpg')"></mx:VBox>
</mx:TabNavigator>
</mx:HBox>
</mx:Application>

How do you center an image within a PDF?

How do you center align an image in a pdf?
Thank you.

Hi drewdollar,
If you have Acrobat, you can use the Edit Text & Images tool on the Content Editing pane of the Tools panel. Just select Edit Text & Images, and then drag the image where you'd like it to appear on the page.
Best,
Sara

How do you center background image?

I want to center the background image I insert into my Dreamweaver site. How can I do this?

With CSS -
background-position:center center;
(that'll make it center horizontally and vertically)

How do you remove the background from an image

how do you remove the background from an image thathas a white background?

First, change the background layer to a normal layer if needed, by dragging the padlock to the trash can.
Then use the quick selection tool or magic wand tool to select your background.
Now you can either delete the background, or click the icon at the bottom of the layers panel that looks like a circle inside a square. This icon will convert the selection to a mask.
The advantage of the mask is, it is non-destructible. In that you can change your mind at any time. Whereas deleting pixels is permanent once you close the file and there is no duplicate files. (A way around this is to make a duplicate layer and hide it. But that does make the file larger.)

How do you make the background of an object transparent in Adobe Illustrator?

Hello Forum.
How do you make the background of an object transparent in Adobe Illustrator?
I have been having issues with using the Magic Wand tool in Adobe Illustrator as well as the lasso tool.
Basically, I am trying to put a small graphic into a new Illustrator file.
The first thing I tried to do is to use the magic wand tool. But I found out that this did not work on a jpeg image since it did not have any individual objects to select.
So I tried something new. I opened the file in Adobe Photoshop and used the lasso tool to select an area. Then I coped this area. Then I tried to paste it into Adobe Illustrator. But the background was not transparent for the pasted image.
How do I make the background transparent.
I made this small video to show what I am talking about:
http://youtu.be/2LgMGEF6z10

Don't Copy/Paste the image.
Make it transparent in Photoshop, save a PSD and place it in Illustrator

In Aperture, how do you put a background layer behind text?

How do you put a background layer behind the text to offset the color of the pic from the text color? Right now, some pics have whites and blacks that drown out the text, making it hard to read...

I forgot: if you rather want to add a background instead of changing the color of your text:
To add a background behind a texbox,
simply edit the layout (Click "Edit Layout", click "+") and add a Photo Box;
drag the PhotoBox behind your text field.
click "edit content" and add a picture to the background box.
You'll need to import a suitable background photo, or crop some suitable background from one of your images.
Regards
Léonie

How to I add a background image in an Encore slidehsow?

How do I add a background image in an Encore slidehsow? Currently the slideshow has a black background and I would love to be able to change that to an image.

You can always fire up Premiere (or Photoshop) and create images with whatever background you choose.........

How can I stretch a background image in label?

Hi,All
How can I stretch a background image in a label?
public void start(final Stage primaryStage) {
             final Label lbTest = new Label("My Test Label");
             lbTest.setAlignment(Pos.CENTER);
             lbTest.setTextAlignment(TextAlignment.CENTER);
             lbTest.setStyle("-fx-background-color:red;-fx-background-repeat:stretch;-fx-background-position:center top;-fx-background-image:url(\"http://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/BlueMarble-2001-2002.jpg/640px-BlueMarble-2001-2002.jpg\");");
             final HBox hbox = new HBox();
             hbox.setId("MyRootPane");
             Button btnLeft=new Button("Left Button");
             Button btnRight=new Button("Right Button");
             hbox.getChildren().addAll(btnLeft,lbTest,btnRight);
             final StackPane layout = new StackPane();
             layout.getChildren().add(hbox);
             Scene scene = new Scene(layout, 600, 320);
             lbTest.prefWidthProperty().bind(scene.widthProperty());
             lbTest.prefHeightProperty().bind(scene.heightProperty());
             primaryStage.setScene(scene);
             primaryStage.show();
    }this code doesn't work,if I deleted css -fx-background-repeat:stretch;the background image stretched but repeated,I want to let the background image stretched and no-repeated,it can be stretched with the resizing window automatically.

Try -fx-background-size: stretch;

How will I put a background Image in a JPanel?

Can you help me on how will I put a background image in a JPanel?
And also in a JDeskTopPane?

Hint:
Search the forum using two keywords in your subject. This question had been asked many times.

How can I do a Background image like this (example inside)

Check this out:
Click Here
Notice if you view the background image by itself, its much bigger than what is appearing on the website in the browser. Is it set to automatically adjust to your monitor size? How can I achieve this through CSS?
Also, how can I setup a transparent background (like in the middle of the page?)
Thanks

"Is it set to automatically adjust to your monitor size? How can I achieve this through CSS?"
It's an illusion. The body background image is defined with a fixed position, so the image is actually floating off to the left when viewport width is decreased. Another example of this can be seen here along with the CSS code used to create it.
http://alt-web.com/DEMOS/fixed-background.shtml.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Tutorials - http://w3schools.com/

How can you get a mirror image of a photo on iPhoto?

How can you get a mirror image of a photo on iPhoto?

By using an external editor. Preview is already on your Mac. It's called 'Flip Horizontal'
In order of price here are some other suggestions:
Seashore (free)
The Gimp (free)
Graphic Coverter ($45 approx)
Acorn ($50 approx)
Pixelmator ($50 approx)
Photoshop Elements ($75 approx)
There are many, many other options. Search on MacUpdate or the App Store.
You can set Photoshop (or any image editor) as an external editor in iPhoto. (Preferences -> General -> Edit Photo: Choose from the Drop Down Menu.) This way, when you double click a pic to edit in iPhoto it will open automatically in Photoshop or your Image Editor, and when you save it it's sent back to iPhoto automatically. This is the only way that edits made in another application will be displayed in iPhoto.

How do you center a background image?

Similar Messages

Maybe you are looking for