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)

Similar Messages

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 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;
> }
>

How do you set a image in the background of a JTextfield?

How do you set a image in the background of a JTextfield? Any ideas?

You can't thats why it is called textfield!!!
Take a look at JScrollPane API for this

How do you set an image into the background of a JPanel or JFrame?

How do you set an image into the background of a JPanel or JFrame?

Something like this, Ive thrown in an ImageIcon on a
button too for good measure.
import java.awt.*;
import javax.swing.*;
public class JFrameImage extends JFrame {
public JFrameImage() {
Container c    = getContentPane();
JPanel panel = new JPanel(){
             public void paintComponent(Graphics g)     {
ImageIcon img = new
= new ImageIcon("background.jpg");
                  g.drawImage(img.getImage(), 0, 0, null);
                  super.paintComponent(g);
        panel.setOpaque(false);
ImageIcon icon = new ImageIcon("onButton.jpg");
JButton button = new JButton(icon);
panel.add(button);
c.add(panel);
public static void main(String[] args) {
JFrameImage frame = new JFrameImage();
frame.setSize(200,200);
frame.setVisible(true);
Going totally fancy pants
ImageIcon bigImage = new ImageIcon(bgImage.getImage().getScaledInstance(getWidth(), getHeight(),Image.SCALE_REPLICATE));
g.drawImage(bigImage.getImage(), 0, 0, this); Will scale the image to the size of the panel
whereas
for (int y = 0; y < getHeight(); y = y + image.getHeight(null))
for (int x = 0; x< getWidth(); x = x + image.getWidth(null))
g.drawImage(image, x, y, this); Will give a tiled effect
Try tiling with an animated gif and bring your processor to a standstill.

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.

How do you shuffle the image order when creating a new slideshow in apterture 3? i would like to do this automatically when creating a new slideshow. i see how you do it when you just play a slideshow.

how do you shuffle the image order when creating a new slideshow in apterture 3? i would like to do this automatically when creating a new slideshow. i see how you do it with presets when you just play a slideshow, but i don't see an option to randomly shuffle the slide order when you create a new slideshow. i know you can sort it by different fields, but i want it to be random. thanks.

If you want to rearrange images in random order you can try an AppleScript:
retrieve a list of selected images from Aperture
shuffe the list properly
create an album in Aperture and add the images from the list to the album (make sure that the album set to be orederd manually)
Here is a sample script that shuffles the selected images and displays them in random order in Full Screen Mode:
on removeItem(ims, i)
-- remove the item at position "i" from a list ims
          if ims is {} then return {}
          if (length of ims is 1) then return {}
          if i < 2 then return rest of ims
          if (i = length of ims) then return (items 1 thru (i - 1) of ims)
          if i > (length of ims) then return ims -- should be error?
          return (items 1 thru (i - 1) of ims) & (items (i + 1) thru (length of ims) of ims)
end removeItem
on shuffle_items(ims)
-- shuffle the items of the list "ims" randomly
          local numitems, ims_shuffled, nextrest, nextpick, i
          set numitems to length of ims
          if length of ims < 2 then return ims
          set ims_shuffled to {}
          set nextrest to ims
          repeat until nextrest is {}
                    set i to (random number (numitems - 1)) + 1
                    set nextpick to item i of nextrest
                    set beginning of ims_shuffled to nextpick
                    set numitems to numitems - 1
                    set nextrest to removeItem(nextrest, i)
          end repeat
          return ims_shuffled
end shuffle_items
on shuffleIms()
-- retrieve the selected images from Aperture
-- and display them in random order in full screen mode
          local imageSel, shuffled, i
          tell application "Aperture"
activate
                    set imageSel to (get selection)
                    set shuffled to my shuffle_items(imageSel)
                    set fullscreen to true
                    if imageSel is {} then error "Please select some images."
                    repeat with i from 1 to count of shuffled
                              reveal {item i of shuffled}
delay 3 -- chnage that to the time you want
                    end repeat
                    set fullscreen to false
                    return shuffled
          end tell
end shuffleIms
shuffleIms()
Some more code snippets to go from here:
To create an album:
                    tell library 1
                              if not (exists album "shuffledAlbum") then
make new album with properties {name:"shuffledAlbum", image version:shuffled}
                              end if
                    end tell
And to add the images from the shuffled list to the album:
                    repeat with i from 1 to count of shuffled
                              duplicate item i of shuffled to album "shuffledAlbum"
                    end repeat
Regards
Léonie

How do you add an image in the signature

Hi,
How do you add an image to the signature area.
The Insert/edit image is not available when in My Settings | Personnel Info | Signature
Regards
Ray Farmer

You need to link the image. See the example for the Canada flag below.
<img src="http://forums.ni.com/ni/attachments/ni/130/6908/1/Canada-small.PNG" border=0>
Replace with the image you like. This goes into the signature box within the profile tab of the personal settings.
RayR

How can you upload an image to MYSQL using php?

Ok this is a joint thread with one of my other ones because no one else was posting on it, so I did not get what I needed, so, How can you upload an image to mysql so when some one logs on to my site, they see or can upload there own avatar, now there are loads of problems with this, 1) many people don't know how, 2) It's not every day you try to encode a image into mysql, 3) Letting people upload images into mysql can cause traffic problem with people trying to log in. So that's it.

Uploading images into MySQL is a bad idea, for more reasons than you mention. You should store the images in a directory on the server instead. But if you want to learn the hard way, here is the method:
The mysql data type must be blob.
The form enctype must be multipart, like this: enctype="multipart/form-data"
The form input field myst be type file, like this: <input type="file" name="upload"/>
Here is example code that prepares the variable $photodata to be inserted into the database.
$uploadfile = $_FILES['upload']['tmp_name'];
$photoname = $_FILES['upload']['name'];
$uploadtype = $_FILES['upload']['type'];
if ($uploadfile != "") {
$tempfile = fopen($uploadfile, 'rb');
$filesize=filesize($uploadfile);
$width=getimagesize($uploadfile);
$widthx=$width[0];
$heightx=$width[1];
if (($widthx > 102) or (heightx > 135)){
$image_too_big = " but the image size was too large and was not submitted.";
} else {
$photodata = fread($tempfile, filesize($uploadfile));
$photodata = addslashes($photodata);

How can you add an image in Mail without being an attachment?

How can you add an image in Mail without being an attachment?
In otherwords I'd like to put my logo in the email not as an attachment but as an image.
Is there a simpel solution to this problem?

PBN1 wrote:
How can you add an image in Mail without being an attachment?
You don't.
It's not possible. The e-mail protocol is designed for text; anything else has to go as an attachment.
Different mail clients (such as Mail.app, the mail client bundled with Mac OS X) may have different ways of handling such attachments, but they are still attachments. Each mail client has its own rules and methods, so one may display a picture as if it were in the body of the message, but another client may do something completely different.
A way of faking it is to format your message in HTML (which is a kind of text). The image is hosted on a remote server, not added to the message; instead, you include a link to it in the body of the message, as you would when building a web page. (This is also what the two tips helpfully provided by X423424X do, except that the link to the image is added in the signature, rather than the body of the message.) What exactly happens to it is, again, at the discretion of the mail client. In my case, for instance, displaying images in HTML messages is turned off, and will stay resolutely off.

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Neil from bristol wrote:
… How do you make an image … move across the screen …
by setting KEYFRAMES
(read, what FC/e's built-in Help-feature tells about it)
resize and set pic to start position
set keyframe
move playhead in timeline to desired length
set pic to end position
set keyframe …

How do you center text in a JOptionPane?

How do you center text in a JOptionPane?
JOptionPane.showMessageDialog(null,"File(s) Moved Successfully","Finished", JOptionPane.PLAIN_MESSAGE);

Instead of adding the string "File(s)...", create a
JPanel. Add your text as a JLabel to this JPanel
using the appropriate LayoutManager. Now add the
JPanel in place of "File(s)..." in the
showMesageDialog call.Or just use a JLabel, set its alignment to center and add the label instead of the string.

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

How do you select an image in keynote?

how do you select an image in keynote? I am trying to reduces my image file size but when clicking on image to reduce it I seem to be selecting the mask and hence format/image does not provide me with an option to reduce the image

Click on it to select.
Click and drag a corner handle to change the image size on screen.
This does not alter the file size.

How do you center background image?

Similar Messages

Maybe you are looking for