How to make a background image fixed in Dreamweaver CM³

Similar Questions

• How to make your background Image of fixed Web Page

  Good afternoon.

  I'm working on a website that the owner would like to its background fixed when scrolling. He plans to have a large part of its content on a single page which people scrolled down to see. I placed the following in the body section on the index page html code:

  < body background = BG Properties 'Innerchild_Website_Background.jpg' = 'fixed' >

  I will create a model that will allow me to other pages. This is the right place to put the above command, or should I have put in the css document associated with the page. I want to assure you that I am moving properly.

  Here is the page:

  http://www.innerchildoutreach.org/new_site/index.html

  Thanks in advance for your comments.

  In your css add this

  {body

  background-position: fixed;

  }

  GAry

• How to make the background image for a site

  Hello.

  First of all, thank you for reading this.

  I intend using a gradient image as background on a new site of black on the sides gradiating to blue in the Middle I created in Photoshop. The site is designed for 1024 (955) and upward. How the background image would handle so that no matter what the resolution above 1024, the visitor sees the gradient correctly, which means that Blue will be always exactly in the center of the page and the image not horizontal mosaic? (I don't want to repeat from left to right when the resolution someone is really high)

  I saw a couple of sites that use strong images that seem to stretch the background image according to the resolution, but were not able to understand the CSS code. In my case, I have a single image that has say 5 pixels high, how wide I need for the (reasonable) maximum resolution, and let repeat from top to bottom.

  Thank you.

  MFitz721

  To do what you ask would require CSS3.  This is because that the CSS3 added support for multiple background images.  What you would do, is to set a gradient to the left and the other to the right with a background color that arise in a vacuum.    Basically use you the abbreviation of "substance" and separate the different environments with a comma ","  See this example ( http://www.css3.info/preview/multiple-backgrounds/ ).  I think it's possible the long way as well (for example: position of background, background image, etc.), but you would need to write the values and who is 1 and 2 in order when you do this.

• How to make the background image with dramatic style?

  Most of the images I see it is mix of pattern in the background which make it look alive. The model are lines and shiny effects. How do these lines

  oshop http://PSD.tutsplus.com/tutorials/Tutorials-Effects/Creating-a-Mac-type-background-in-phot.

  http://www.Tutorial9.NET/Photoshop/creating-the-Windows-Vista-lighting-effect/

  http://psdlearning.com/2008/06/luminescent-lines/#more-45

  Search for abstract Photoshop etc.

• How to make a background Transparent in CS6?

  I was wondering if anyone could tell me how to make the background of my Flash CS6 transparent flash animation. My animated film is made up of text and I would like to be on my site, which has an image as a background and I would like the background to show through. Any suggestion would be appreciated. Thank you.

  file > publishing settings > html > window mode > transparent.

• How to set a background image re-scalable depending on the screen resolution of viewers

  Hello

  I searched the net for ages looking for a way to make a background image on the scale according to the size of a monitor of viewers.

  I found a solution:

  Source code

  < body >

  "< img src ="... /... ' / Images/Connor/background_bg.png ' class = 'bg' >

  < / body >

  CSS (style)

  {img.BG}

  / * Define the rules to fill the background * /.

  min-height: 100%;

  min-width: 1024px;

  / * Set up a proportional scaling * /.

  Width: 100%;

  height: auto;

  / * Set up positioning * /.

  position: fixed;

  top: 0;

  left: 0;

  }

  @media screen and (max-width: 1024px) {}

  {img.BG}

  left: 50%;

  left margin:-512px. }

  }

  Now, this has the desired effect, however when I place a div below "< img src ="... /... "' / Images/Connor/background_bg.png ' class = 'bg' > ' in the body of my site, it pushes this div below my bottom.

  I got the code from " " http://CSS-tricks.com/perfect-full-page-background-image/ "and it does not seem to do this in this example. "

  I pasted my complete code below, if someone could have a look and advise where I'm wrong that would be greatly appreciated.

  Thanks and greetings

  Elliot

  Source code

  < ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / IN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > ""

  " < html xmlns =" http://www.w3.org/1999/xhtml ">

  < head >

  < meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"

  < title > Untitled Document < /title >

  < link href = "style.css" rel = "stylesheet" type = "text/css" / > "

  < script type = "text/javascript" >

  function MM_swapImgRestore() //v3.0 {}

  var i, x = offline. MM_sr; for (i = 0; a & & I <.) Length & & (x = a [i]) & & x.oSrc; i ++) x.src = x.oSrc;

  }

  function MM_preloadImages() {//v3.0

  var d = document; If (d.images) {if(!d.MM_p) d.MM_p = new Array();

  var i, j is d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i <.) Length; i ++)

  If (a [i].indexOf("#")! = 0) {d.MM_p [j] = new Image; d.MM_p [j ++] .src = a [i] ;}}

  }

  function MM_findObj (n, d) {//v4.01

  var p, i, x;  if(!d) d = document; If ((p = n.IndexOf ("?")) > 0 & & parent.frames.length) {}

  d = parent.frames [n.Substring(p+1)] .document; n = n.Substring (0, p) ;}

  If (!) () x = d [n]) & & copyrights) x = d.all [n]; for (i = 0;! x & & i < d.forms.length; i ++) x = d.forms [i] [n];

  for (i = 0;! x & & d.layers & & I < d.layers.length; i ++) x = MM_findObj (n, d.layers [i] .document);

  If (! x & & d.getElementById) x = d.getElementById (n); Return x;

  }

  function MM_swapImage() {//v3.0

  var i, j = 0, x, a = MM_swapImage.arguments; document. MM_sr = new Array; for (i = 0; i <(a.length-2); I += 3).

  If ((x = MM_findObj (a [i]))! = null) {document. MM_sr [j ++] = x; if(!x.oSrc) x.oSrc = x.src; x.SRC = a [i + 2] ;}

  }

  < /script >

  < / head >

  < onload of the body = MM_preloadImages('..) « /.. / Images/Connor/nav_bar/home_ro.png ','... /... / Av_bar/about_me_ro.png images/Connor/n ','... /... / Images/Connor/nav_bar/c.v_ro.png ','... /... / Bar/portfolio_ro.png images/Connor/nav_ ','... /... (/ Images/Connor/nav_bar/contact_me_ro.png') ">"

  "< img src ="... /... ' / Images/Connor/background_bg.png ' class = 'bg' >

  < div id = "web_centre_wrap" >

  < div id = 'menu_bar' > < table width = "960" border = "0" cellspacing = "0" cellpadding = "0" >

  < b >

  "< td width ="105"height ="68"> < img src ="... /... "/ Images/Connor/nav_bar/nav_bar_left.png" width = "105" height = "68" / > < table >

  "< td width ="147"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image3 '", '... /..) " (/ Images/Connor/nav_bar/home_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/home.png" name = "3" width = "147" height = "68" border = "0" id = "3" / > < /a > < table >

  "< td width ="147"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image4 '", '... /..) " (/ Images/Connor/nav_bar/about_me_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/about_me.png" name = "Image.4" width = "147" height = "68" border = "0" id = "Image.4" / > < /a > < table >

  "< td width ="148"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage (' picture5 '", '... /..) " (/ Images/Connor/nav_bar/c.v_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/c.v.png" name = "Picture5" width = "148" height = "68" border = "0" id = "Picture5" / > < /a > < table >

  "< td width ="147"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image6 '", '... /..) " (/ Images/Connor/nav_bar/portfolio_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/portfolio.png" name = "Image6" width = "147" height = "68" border = "0" id = "Image6" / > < /a > < table >

  "< td width ="148"height ="68"> < a href =" # "MM_swapImgRestore" onmouseover = "MM_swapImage ('Image7 '", '..) " /.. (/ Images/Connor/nav_bar/contact_me_ro.png',1) "> < img src ="... /... "/ Images/Connor/nav_bar/contact_me.png" name = "Image7" width = "148" height = "68" border = "0" id = "Image7" / > < /a > < table >

  "< td width ="118"height ="68"> < img src ="... /... "/ Images/Connor/nav_bar/nav_bar_right.png" width = "118" height = "68" / > < table >

  < /tr >

  < /table >

  < / div >

  < div id = "header" > < / div >

  < div id = "content" > < / div >

  < div id = "footer" > < / div >

  < / div >

  < / body >

  < / html >

  CSS (style)

  @charset "utf-8";

  / * CSS document * /.

  {img.BG}

  min-height: 100%;

  min-width: 1024px;

  Width: 100%;

  height: auto;

  position: fixed;

  top: 0;

  left: 0 ;}

  @media screen and (max-width: 1024px) {}

  {img.BG}

  left: 50%;

  left margin:-512px ;}

  {#web_centre_wrap}

  Auto margin: 0 ;}

  {#menu_bar}

  #header {}

  Background: url (.. /.. Images/Connor/Header.png) ;}

  #content {}

  Background: url (.. /.. Images/Connor/content.png) ;}

  #footer {}

  Background: url (.. /.. Images/Connor/footer.png) ;}

  Try this:

  http://ALT-Web.com/test/resizable-BG.shtml

  Nancy O.

  ALT-Web Design & Publishing

  Web | Graphics | Print | Media specialists

  http://ALT-Web.com/

  
  

• How to make a disk image of work for my windows 98se boot (original is long dead)

  How to make a disk image of work for my windows 98se boot (original is long dead).  I have a copy of Windows 98SE bought new off the years of the plateau.  I now have a 64-bit system, so I can't run it natively, but I discovered that I can't even run at all, because I don't have a working bootable floppy!  I thought that the CD is bootable, when I used it a long time ago, but now it does not start if I have used the disk? Anyway, can I get a driver Microsoft w/CD install/bootable disk, or do I have another decent resource?

  Thank you. You can contact me to the * address email is removed from the privacy *.

  http://www.bootdisk.com/bootdisk.htm

• What is the procedure how to make my system image backup and data through Windows NAS Server?

  I work the iMac with bootcamp for Windows 7 - Home Premium.

  I want to return to the system image and data etc. of the 'Windows Back up and Restore' to my Synology NAS (network attached storage). When I do the setting changes, I could not find the option to connect to the NAS, but have only the offer to connect to the external hard drive.

  (1) the 'Windows Back up and Restore' allows to connect to the NAS for the back of my files, in particular for the iamge system? If not, any other method to make the back upward, especially for the system image?

  (2) what is the procedure how to make my system image backup and data through Windows NAS Server?

  Original title: save the Windows image

  Backup to a network location is not supported by Windows 7 Home Premium. Do you need Windows 7 Professional or ultimate edition.

  http://Windows.Microsoft.com/en-GB/Windows7/where-should-i-save-my-backup

• How to make a 'swap' image to a smaller version of himself through a breakpoint.

  How to make a 'swap' image to a smaller version of himself through a breakpoint.

  I do not want to resize the image because I always displayed at real DPI, and I want that it 'snap' instantly changes the width of the browser.

  When the screen size is small, I want the image swap out for a smaller version of himself, a separate file. How can I do this?

  Thanks for your help

  Hello

  Please check this link - Muse CC hide in the breakpoint which could help you to make your wish come true.

  Let us know if it works.

  Kind regards

  Ankush

• How to set the background image on my request.

  Hi all

  I use jdev 11.1.2.4.0 version

  use case: I create mobile applications and using the skin by default 'mobileFusionFx '.

  so when I run application there show black screen as a background image on my application

  My question is how to change the background image.

  Thank you

  Manish

  Resources of the Application open-> descriptors-> ADF META - INF-> adfmf-config. XML

  Check the family skin it and use in the skin of skin-addition id attribute.

  With this way automatically all your pages will use the same background image.

  In addition, background - image: url("images/back.png");    ---> It denotes that this images folder is inside the css file. If the pictures folder is a brother to css file, use

  background-image: url("..) (' / images/back.png ');

• How to set the background image in the window title?

  Hello

  I am a beginner in flex. I use Flex 4.

  Can someone give me some advice on how to set the background image in the title window?

  Is it possible to do?

  Thank you.

  Hello

  Check the code in the example below

  
  http://ns.Adobe.com/MXML/2009.
  xmlns:s = "library://ns.adobe.com/flex/spark".
  xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955" = "600" minHeight >
     
         
     
     
  @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;
  }

  
     
         
     
  

  Kind regards

  Anitha

• How to end a background Image

  OK, my site is HERE. Now, when I added the background image to give 3D effect, it makes the bottom go all the way to the browser rather than put an end to the DIV where the bits of text and just have the background color present. It is quite difficult for me to explain it, but you can see on the homepage, I want the image of background at the end where the line for the bottom of the DIV is. I looked for ways to do this, but I did not find anything either so I ask your help.
  
  If anyone knows an easy way to keep the 3D effect without complete the rest of the browser of the image (color background just would be nice), please let me know, I would really appreciate it. In addition, if it is not possible, please post it here so I can give up hope.

  If the div in question is what has the background image, then the image will be
  end where the div ends. You have applied the background image for the body
  Tag, however, and that's why he tiles all the way until the end of the body tag.
  There is no way to make this background image knows that it should
  stop the tiling at another time.

  The solution would be to use an outer div tag that wraps your interior
  content, but which has no assigned width so that it fills the browser
  the width of the window. Apply the image background to this container and it give
  Center alignment. That should do it.

  --
  Murray - ICQ 71997575
  Adobe Community Expert
  (If you * MUST * write me, don't don't LAUGH when you do!)
  ==================
  http://www.projectseven.com/go - DW FAQs, tutorials & resources
  http://www.dwfaq.com - DW FAQs, tutorials & resources
  ==================

  "vintagegamer" wrote in message
  News:for0fg$F99$1@forums. Macromedia.com...
  > OK, my site is http://jayne-sells.com. Now, when I added the background
  > image
  > give 3D effect, he made the background go to the end of the browser
  > rather than put an end to the DIV where the text ends and just have the
  > background
  > color present. It is quite difficult for me to explain it, but you can see on
  > the
  > homepage, I want the background image to the end where the line for the
  > down
  > the DIV is. I looked for ways to do it but I did not come with
  > nothing so I ask your help.
  >
  > If someone knows an easy way to keep the 3D effect without making the image
  > fill in the rest of the browser (color background just would be nice), please
  > leave
  > me know, I would really appreciate it. In addition, if it is not possible, please
  > post
  > here so I can give up hope.
  >

• How to get the background image to fill the browser and stay fixed in IE and Firefox?

  Basically what it says in the title. I came very close to achieve, but something comes to Moor in the html and css code...

  First of all, I use the latest version of Firefox and IE8 to test this situation.

  I used 2 sources of information to get this done: 1) http://css-tricks.com/perfect-full-page-background-image/ and ) 2 http://stackoverflow.com/questions/8958697/css3-background-size-cover-doesn ' t-make-image-co-ver-vertical

  
  

  In 1 case , the example of the called page CSS-Only Technique #1 gives the code that works almost perfectly for me, except that obviously I need to a background image, but the CSS provided ago obviously just for an image has fallen in the body of a page without taking account of any other content that may already be there. "The html code that I put on the page is simply < img class ="bg"src ="... / pictures/background_image.jpg "> "

  Of course, I used the CSS code in the example, less the last piece which is "@media screen" etc., which seems irrelevant to me. Of course by replacing the values according to the picture on my page.

  So what happened was that it worked almost as expected in both browsers (which means the image filled both browsers first as it should and also remained fixed when I zoomed in, inside or outside, in each case), except that the picture went on top of the current content that I already there precisely because there isn't a background in this 'technical '. (A note on the side of curious, is that the image didn't turn down content, I expected under normal circumstances, but he went right on top of it so she she hidden (like the z-index).)

  One thing that bothers me in this regard 'technical' is that if you click on view the demo just below the code provided, you will see on the example of work page (bottom of the forest), the image clearly works as a backdrop and the content is fortunately located on top! So I don't know if the person who provides the example was trying to deceive people or what! Or he got lazy and showed another page which did not use the exact code, he has provided. No matter.

  In any case this leaves me with only half-completed work, because I still need a background image that functions as the 'normal image' code provided.

  In 2 cases and on this page, the first example provided gives the CSS for clutter - namely the code in the html {...} part and shows also the same "normal image" code as shown in box 1. In this case however, that the person provide a suggestion, the html and the css is not really properly more Moor some css and html seems a little redundant. So this time, when I used the part "html" in the CSS code (i.e. just the bit that was no longer relevant), I had two different behaviors in each browser and neither of which was quite what I'm looking for. In IE8, initially the page seems well (background fills the page and the content is on top) but when I Zoom in or out the background also zooms in or out accordingly so is NOT fixed. In Firefox, the background image stays fixed, but because the image is initially not the height of the browser I guess the code it extends down (keeping the proportions - so the image enlarges essentially) to fill it. The fast way to get around it is probably add white space at the bottom of the image just to give it sufficient height is not extensible / resize automatically. But it would be nice to know at least how to work around this problem in the code. Overall, I would say that the result in Firefox is closest to the desired solution, but of course it is not arranged things with IE8.

  Apologies for the long description, but which should at least provide much info for anyone who might have a possible solution for me. Essentially what would be great is if someone could advise me how to take the code of case 1 and apply it to a piece of 'background' coding as the type that is contained in html {...} in Case 2 . Like I said, it is almost there, but I just can't operate atm after trying to combine different bits of code this way and that... Also, if anyone has another version of html-css that works well to achieve then please by all means of let me know! V thanks a lot in advance!
  

  It works in modern browsers of the CSS3 support.  But not pre - IE9.

  http://ALT-Web.com/test/resizable-BG.shtml

  Nancy O.

• How can you make a background image change to a State faded at some point in scrolling?

  I am referring to a technique that I have seen used in the relevant Magazine iPad app if someone used it. I understand having a shape behind text that presents a gradient feathers and when you scroll down the form vanishes little by little the background image. But this is not the effect I'm trying to achieve. On some articles, the screen is a complete image and when you scroll type to the top, the bottom everything fades away when you scroll up to a point.

  I tried to search for hours, but I feel that I don't get the case because I don't really know what to look for. I feel like it requires something else than DPS is capable of. I hope this makes sense and I would be very happy to suggestions and help!

  Thank you!

  Try to apply the gradient of feathers to the structure of content scrollable, not the backstory. It will appear to change the color of the shading.

• How to make a background fixed?

  I have a cell layout and a photo of photoshop, and I want a fixed background 480202. What code should I use and where do I put it?
  -Bryan

  > I have a layout cell

  Do not use layout mode!

  > I want a fixed background 480202

  What is color? It should always start with an octothorpe if it is-
  #480202.

  > What code should I use and where do I put it?

  Be aware that IE does not play well with fixed background images in the table
  cells. Why you need repair?

  Also, I showed with inline styles - it would be better to use integrated
  or the rules related to the style of this cell.

  --
  Murray - ICQ 71997575
  Adobe Community Expert
  (If you * MUST * write me, don't don't LAUGH when you do!)
  ==================
  http://www.dreamweavermx-templates.com - template Triage!
  http://www.projectseven.com/go - DW FAQs, tutorials & resources
  http://www.dwfaq.com - DW FAQs, tutorials & resources
  http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
  ==================

  "BryanRob" wrote in message
  News:em744b$KPB$1@forums. Macromedia.com...
  > I have a layout cell and a photoshop image and I want a fixed
  > backround 480202. What code should I use and where do I put it?
  > - Bryan