Set an image as the background of a page

Hello!!

Someone knows how to set an image stored on the file system as a background image of a HTML page?

Pedro.

Hi Pedro,

Use the parameter "Attribute of Page HTML Body" on the page and enter something like:

style="background:url(#IMAGE_PREFIX#filename.gif) no-repeat center center"

This adds a style attribute to the page's BODY tag.

Andy

Tags: Database

Similar Questions

  • have toshiba LL850 want to resize image for the background but have tried most things and still does not

    I have a Toshiba L850 and try to mount an image for the background.  Have you tried the resolution of the screen to pull the lever, but still does not.  Can someone go through the steps for me please.

    Hi June,

    What version of Windows is installed on the computer?

    The articles below show you how to change the background image and set the Position of the image in the Center that it adjusts automatically on the screen.

    Items are for Windows 7 The steps are similar to Windows Vista and Windows 8. However please let me know what version of Windows is installed on the computer and I'll give you the steps for this operating system. When the computer restarts, you'd be able to see the name.

    http://Windows.Microsoft.com/en-us/Windows7/change-your-desktop-background-wallpaper

    http://Windows.Microsoft.com/en-us/Windows7/change-your-desktop-background

    I hope this helps. Get back to us if you need more help.

  • How to put an image in the background and Center my text?

    I am new to this, I thought it would be much easier, but I was wrong. I can't yet put an Image in the background and Center my text.

    To do precisely what that you are looking for, within the DW interface (no coding)...

    Background image

    1. open the page you want as the background on image

    2. click on modify > Page Properties

    3. under click appearance (CSS) the search for a button for BackgroundImage and choose a file from your defined Site

    Center text

    1 highlight the text you want to Center in Design view

    2. click on the button CSS in the Properties window (Ctrl + F3 if it is not open)

    3. choose one of the icons of alignment that is there found

  • Save just the image with the background removed

    I have a little graphic, but it has a white background.  I'm new to finally using my PSE 8.  How do I remove the white background and save the remaining image so that the image I only after having removed the white background is that of the element remains in the picture.  I have wan to insert just the image (without the background) in a powerpoint presentation or another tool, but don't want the white background.  I tried a lot of things, but I can't seem to be able to save it as I just have the image.  Can someone help me with detailed instructions on how to do?

    Thank you.

    KLL

    Hello!

    Try please select it magic wand tool.

    Now click anywhere in the white area in your image. Your workspace should look like this:

    Now press delete and you'll end up with a transparent background.

    Now for the rescue. If you save this image in JPEG, you will get a transparent background. Select. Type PNG from the drop-down menu when you save the image.

    That's all. Your finished!

    You can select and remove several areas in this way by using the magic wand tool.

  • the background behind my pages turned black, how to return to grey? I spent between purge normal, preview, Slug and presentation and closed and open in design and it is always black. I can't imagine layouts with the black arr.plans

    the background behind my pages turned black, how to return to grey? I spent between purge normal, preview, Slug and presentation and closed and open in design and it is always black. I can't imagine layouts with black background please help!

    or maybe that the interface has been defined on Dark?

    Go to Preferences > Interface tab, choose light color theme dropdown on Apearance section (the upper part of the window)

  • How i: swap image in the background when I the substitution of CSS for the div

    HI: Let's see if I can explain this delema correctly:

    Objective: I want to hover over the items of the main menu menu spry and the background image of the container to change

    Catch: I use a model and have pictures of different background on every page, so I had to add a CSS rule inline for container bg image that replaces the model.

    Now I want the background image to change when I fly over the main menu items

    any ideas?

    site can be seen at www.summitcreekcapital.com

    Thank you, Nancy

    I see no real need to change the style sheet for something as mundane as the change of image of bg.  Here's an alternative:

    (1) add this to the top of your pages just before the closing tag:


    (2) then modify your menu items to add an onmouseover event that calls the function "newbg()", with a memorable classname as an appropriate setting for each menu item, like this:

  • firm_overview.html" onmouseover="newbg('foverview')">FIRM OVERVIEW
  • firm_team.html" onmouseover="newbg('mteam')">MANAGEMENT TEAM
  • code.pdf" target="_blank" onmouseover="newbg('cethics')">CODE OF ETHICS
  • Please note my classnames have been designed to reflect the text of the link, like "Overview of the firm"-> "foverview" rather that imagename that you will use for the bg, so in the future, if you decide to change this image, classname will always make sense for that link!

    (3) and then in a named "bgimages.css" external style sheet that I put in a folder /css/ (but you are free to rename all of these paths, filenames etc.)

    put these:

    .oneColLiqCtrHdr #container.foverview {
    

    Background: url (.. / pic01.jpg);
    }

    .oneColLiqCtrHdr #container.mteam{
    

    Background: url (.. / pic03.jpg);
    }

    .oneColLiqCtrHdr #container.cethics{
    

    Background: url (.. / pic02.jpg);
    }

    Change the images and paths as needed of course. As always, the path is always relative to the location of the css file.

    (4) and finally, in an external js file name "bgSwitcher.js" which I put it in a folder/js /, paste this:

    function newbg (classnm) {}

    var d = document;

    If (! d.getElementById) return;

    var c = d.getElementById ('container');

    If (! c) return;

    c.className = classnm;

    }

    Hope that all of the senses.  If I left you confused at any stage, just let me know.

    --  
    
    E. Michael Brandt
    
    www.divahtml.comwww.divahtml.com/products/scripts_dreamweaver_extensions.phpStandards-compliant scripts and Dreamweaver Extensions
    
    www.valleywebdesigns.com/vwd_Vdw.aspJustSo PictureWindowJustSo PhotoAlbum, et alia
    
    --
    
  • resize an image in the background of a chart

    Hello world

    I managed to put a picture in the background by referring to this page: http://digital.ni.com/public.nsf/allkb/FF55BDA8C9F0C0ED862573450053A425

    How can I adjust the image, now based on the background of the chart. I mean if I resize the graph, the image will be resized at the same time... I don't want to get a picture like the one attached.

    Thank you

    Kind regards

    F

    Did you read the article in full in the link you posted.  There is a caveat.

  • Problem with large image as the background

    Hello

    I would like to add a picture as a background on my site. I would like this picture takes the entire width of my page but I need a space on top to my menu and another down.

    I tried using the slide show "basic", but once in the right size, I can't move my image in the selection.

    This is a site about photography, the position of my images is very important.

    Do you understand what I mean? Thanks for the help.

    It is indeed a challenge. When you use a background image as a complete browseror put a slide show in full screen, you are not in control of the exact framing more. Simply because you do not know the size of the browser window! That is why the Web page must be able to scale and crop your picture automatically. The only preparation you can take, is to edit your original to anticipate for a view centered when you use the slide show. And with a background image as browser fill, you have even more options, to fill or Mount the whole image and place the point of origin:

    Web design, you are not in control of everything...

    Get used to this principle and sing: Let it go for it!

  • Set an image as a background, which is still

    I don't know how it is called, is it static? In any case I would like to be where the background image is always I keep scrolling. Any help?

    Find out!

    How to make a background Image SCROLLS NOT - YouTube

    I hope that helps!

  • Fading from one image to the background of a Web site

    I use Photoshop cs4 and Dreamweaver cs4 with Vista.

    I am building a lot of web pages and trying to find a way to blend quickly a black background image so that it fades on the edges in the background

    I tried to use the gradient tool, but that darkens the image a bit and doesn't seem to work for all parts of the image well.

    An example of what I'm trying to can be seen at http://gigharborwaterfront.com/blend/ , I was able to mix the top with a gradient, but the goal is to create a layer mask type or a model that will achieve the effect all around.

    I've seen a lot of websites that do this and hope there is a quick and easy way to do it.

    I also want to do the blend/fade in the smallest amount of pixels possible avoid eating to the top of the image.

    Thank you

    Mike

    Consider learning to use a "Photoshop layer mask' to fade the edges of a black base coat.

  • Change background image in the background of the next slide

    I received cela captivate 4 file from a colleague so I don't know what might have occurred before, but he is behaving strangely.

    For some of the slides, when I scrub the timeline, the background changes to what appears to be the background image for the slide that comes after it.  It is not a slide of motion capture.  Remove all of the buttons and keys/guests of the slide is fixed not.

    The only way I can fix this is by inserting a new slide and copy and paste the background image and the elements in the new slide.

    Someone has seen something like this before?  No idea why it happens or easier difficulty?

    Thank you!

    -Jeff

    Hello

    I guess you see what is described in the note below.

    Click here to see

    Maybe try the actions referred to in the note?

    See you soon... Rick

    Useful and practical links

    Captivate wish form/Bug report form

    Certified Adobe Captivate training

    SorcerStone blog

    Captivate eBooks

  • How to insulate an image from the background?

    I have a simple chart, I need to isolate (chassis?), because the background is displayed in the design. How can I do this? Thank you!

    When you place the PDF check box click to display import options (or hold down the SHIFT key when you press OK). Select transparent background.

  • How to put a file jpg or png as the background of a page

    I tried to use ImagePaintDefinition to set the background of a container and added that the container on the page. But does not work. It must also have dimension photo as a power of 2. Is there some way I can put guess 768 X 1280 image dimensions as my background? Thank you.

    It seems that there is nothing in the container and because you have not set a width and a height, the size of the container is equal to zero.

  • Change the background on all pages with the buttons

    I created buttons to change the background of my site to give the visitor the possibility of which is more easy for them to read. But I'm not able to do it for all pages at the same time and maintain the setting. Does anyone have an idea how to do that?

    HTML

    < div align = "center" >

    < form >

    < input type = "button" value = "Beige" onclick = "newbg ('Beige'); "> < br / >

    < input type = "button" value = "Blue" onclick = "newbg('#b0e0e6'); "> < br / >

    < input type = "button" value = "Gray" onclick = "newbg('#dedede'); "> < br / >

    < input type = "button" value = "Green" onclick = "newbg('#bedfc4'); "> < br / >

    < input type = "button" value = "Lavender" onclick = "newbg('#e6e6fa'); "> < br / >

    < input type = "button" value = "Rose" onclick = "newbg('#ffe4e1'); "> < br / >

    < input type = "button" value = "Tan" onclick = "newbg('#f5deb3'); "> < br / >

    < input type = "button" value = "White" onclick = "newbg('#ffffff'); "> < br / >

    < input type = "button" value = "Yellow" onclick = "newbg('#ffffe0'); "> < br / >

    < / make >

    CSS

    a: {background

    color: newbg;

    }

    Google stye sheet switcher scripts with cookies.

    Nancy O.

  • How can I remove the image of the mouse on a page scrolls in captivate 6

    Hi all

    (Captivate 6)


    I have a few pages where I had to scroll when capturing a video. I want to remove the images of the scroll mouse. I see that it is bound to a fullmotion.swf file in properties but I don't know how

    to delete the image.

    What I tried:

    1. replace the frame-by-frame empty mouse

    -bad result that audio button

    Does anyone have any ideas?

    I hope that I don't have to have a new video capture him and import it I have audio attached to it and do not know how to divide the audio and video, if it's the answer can you tell me how to split audio and video? If you have an easier solution, I'd love to hear it

    Thanks for the help

    Eddy

    Too bad. Resolved to my answer.

    1. my solution

    a. change the background at bottom even using a motion.flv no, worked like a charm with even

    audio

    Happy!

Maybe you are looking for

  • I want to disable iCloud and make sure that

    I want to disable iCloud and make sure that I can download all my photos, contacts, and calendars before he goes. I saw several "methods", and they differ greatly. How can I do this?

  • Re: Satellite S70 - B - bad ATI graphics card

    Hello I have a Toshiba Satellite S70 - B with an AMD Radeon R9 M265X.I installed all the updates but it's now called "AMD Radeon HD 8800 M Series", it is exactly this problem:http://APS2.toshiba-tro.de/KB0/TSB4903N60000R01.htm But the solution is to

  • How can I move a photo library from one hard drive to another?

    How can I move my library of photos on a new hard drive?

  • Cluster of buttons

    Hi guys,. I need help. In my example below, there are two tabs of page with a cluster of three buttons within each tab. In the block diagram, I have a while loop with a cluster of events with event Cluster 1 and Cluster 2 all the items selected. I al

  • How to make a backup of the data of mounted drives

    I am currently running Windows Server 2008 R2 Enterprise and attempt to use Microsoft Backup Server version 1.0 to the backup of files/folders specific to both local drives and the drives that were mounted from other servers.  My problem is when I se