Can you "bleed" a background image through a model DW?

I'm trying to redesign a site simple and fairly new to work with DW. I created a template with navigation along the left side and an area of content on the right. The customer requests a background image (that I put in the body CSS tag). However, once I put the contained part of the model, it sits on top of the background image (effectively blocking portions of the background image). I need to "bleed" through what the background image covers the contents of the entire screen.

Example: http://www.mchenrycac.org/test/index.html (or see the image in the attachment)

Can anyone suggest how to get the image appears in the content part of the model?

Russ

Hello

You can either remove the background color for the content part or set opacity to it, see http://www.quirksmode.org/css/opacity.html.

PZ

Tags: Dreamweaver

Similar Questions

  • How can you save the background image contained in a Thunderbird e-mail message

    How can you save the background image contained in a Thunderbird e-mail message

    Have you read the instructions which preceded the right click? What of their suite?

  • 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.

  • Hey all, I can't keep my background image to disappear...

    All I wanted to do was repeat my background image and hit him any browser size.
    Here's the code I ended up with:

    < head >

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

    < title > Untitled Document < /title >

    < style type = "text/css" >

    <!--

    HTML {}

    background-image: url(images/backgroundimage.png);

    background-repeat: repeat-y;

    -background;    margin: 0px;

    padding: 0px;

    Width: 100%;

    background-position: Center;

    -moz-background-size: cover;

    background-size: cover;

    text-align: center;

    }

    ->

    < / style >

    < / head >

    < body >

    < img src = "images/GowerAikidoLogo.jpg" width = "459" height = "181" alt = "Logo" / > "

    < / body >

    < / html >

    The last "< body >" image is an image that I put to test everything worked and when I did the background image disappears, too even if I insert a table or even write words...

    Wonder why that is.

    In any case, I guess the reason why you use this background image is for the shadow effect? Well, now you don't have use an image to achieve! You can use simple CSS to do.

    Here's the CSS:

    Then, start your content like this:

    Logo

    It will work on all modern browsers. In addition, allows to save loading time that can take your background!

    -ST

  • I can't change my background image to screen.

    I can't change my background image to screen.

    I followed the process of selection of a desktop image and confirming the image I want to save but the program won't save selection and return to another block background color

    Original title: Customizing Office

    I just right-click on an image that I want as my wallpaper (called "wallpaper". Google for lots of choice) and click set as wallpaper.

    Or see the Microsoft way to do (slow) HERE.

  • How can I change the background image of an album?

    I'm trying to figure out how to change the background image of the album. I'm not trying to change the picture of the official album, but the background image for the album. Is there a way I can change it?

    Your screenshot is the section of the iTunes store. None of the graphics or text on the iTunes Store are under your control. You cannot change them.

  • How can I change the background image along the top of the page format?

    at the same time, it gave me the opportunity to open a session on Firefox to choose a background image that appears at the top. I would change it and can not find a menu item to take me to this option.

    He is a character. Go here: http://www.getpersonas.com/en-US/gallery/All/Popular/23

    To narrow the field down a little, choose a category from the left menu.

    If you already have some of them, click on the Firefox button, go to add-ons, then the menu appearance.

  • How can I change the background image for the lock screen?

    Hi, I just bought a new laptop and I got Windows 7 installed in the store, and I would like to change the background image for the lock screen.  When I went to activate my account, I found out that it has already been activated, but I can't find the settings-> settings more PC in the lower corner on the right.  Thank you!

    Lock screen?

    Are you referring to the login screen?

    Or wallpaper?

    Right-click on your desktop and select Personalize.

    Office link is at the bottom left and use a win-7 theme.

  • How can I get a background image sensitive identical to the junction College Web site?

    Hello!

    I tried hard to figure out how to get the same effect that has College Junction - home - daily well-being all together . More specifically, the ability to resize the window of my browser and have scale of the background image to size without image quality loss. I have a 1920 x 1034 image. The width of my page is fixed to 800px. Then I fill an object with my image (suitable size) and apply the function of width of 100%. When I saw these settings in the browser, I'm able to resize the upper window of the page of 800px with desirable effect of the image scaled to fit the browser BUT the image loses quality (resolution).

    I bought the QooQee Widget: Smart 1.1 and I'm able to do a little bit reactive recess with her, but I have not found a way to create the same effect as the junctions of college. The best I can do is create an effect similar but end with gray side bars when I resize the browser to one size other than the proportions of the image. (see below)

    site iamge.PNG

    It was a little maddening for me. I have to do something wrong. Maybe my page properties were not correctly setup? Any help would be appreciated, thanks!

    More specifically, the ability to resize the window of my browser and have scale of the background image to size without image quality loss.

    There is no such thing, and there may be - for simple mathematical reasons. The web site that you referenced uses magical, just a very large image (oversized) that most of the browsers is not displayed to the maximum size one way or another. It's an illusion at low cost. The only other factor is the pixel, scaling the browser and in the case of Chrome algorithms, they are dependent on the GPU acceleration, so it's more likely something is wrong with that, if you really see the degradation.

    Mylenium

  • Where can you download a new image of the rom?

    I recently made the mistake of bleeding is not the pressure of a water pipe before undertaking a project of domestic plumbing and eventually ended up with a dead phone. I removed the battery and put the phone in the cat litter. Now, the phone is no longer death, but I get a message:

    ROM Image update?

    YES = button of

    DON'T = any other button

    If I press on the SPOT, I get a message on the ROM on the SD card, if I press down, I get the color bars on the screen.

    I tried the Verizon (VerizonTreo700pSDUpdate - rev1.zip (unpacked on a new SD card FAT format)) updated software upgrade on the SD card, but it does not recognize a picture of the Roma as being present. Where can I get the rom image that I need?

    I have insurance on the phone, so I can get it replaced (for the copay of $50), but the kitty litter worked on the phone before (when I left the phone on my garden seat pull and it rained). He swam, then. This time he didn't was splashed carefully.

    Thank you.

    The unit will need to be repaired, but it is likely that water damage will result in the device is considered beyond economic repair, then your options are limited.

    Message relates to: Centro (Sprint)

  • can you create piles of images in ps elements 10 albums?

    Hello

    I am considering purchase of photoshop/first 10 but you know what follows first of all because they are very important need to have features for me:

    -can I create batteries inside the image albums? I'm currently using ps FlexChoice v 6 and this is not possible. I can only pile of images in folders which is not good for me.

    -can I also group photos and videos together in stacks image inside the albums in ps elements v10?

    I am currently a very heavy user of version 6 of screenwriting and preview for a short complex involving a lot of animated backgrounds, 3d and green screen work.

    much should if someone can answer this question for me.

    Thank you

    Angus

    Hi Angus,

    I just did some comparisons between PSE6 and PSE10.

    It seems that PSE10 is really more flexible, so I advise to download a trial version of PSE10.

    Here's what I found.

    In an album of test containing various media, I've included several batteries of various media. Of course, you see only the image "up the stack" of each pile. I was able to display items in a stack or hide them at will. I might decide to different media already in the album of the cell or desempilement them. I could order each visible thumbnail, be it a simple media or a stack, drag - move in the main panel. So I think it's maybe the tool you expect for your purpose: you place your order within the album, stacking/unstacking in the album.

    That said, I saw major problems when you are in the folder and the media in a stack are not in the same folder. I would work only in the thumbnail view.

  • Can't change my background image.

    I tried to select several photos, right click and set as background without result.   Looke at control panel - display but don't see there that would allow me to change the background image. Right click on the desktop - properties selection - only tabs I have are screensave, the themes, the appearance and settings, I don't see where these allow you to change the background image.

    Try (restore desktop display properties)
    Start > run and type:
    regsvr32 /i shell32
    regsvr32 themeui

    Restart the computer.

    If cela does the trick.

    Options to change the desktop wallpaper may be missing or unavailable on a Windows XP-based computer
    http://support.Microsoft.com/kb/921049

    The Desktop tab does not appear in the display properties dialog box in Windows XP
    http://support.Microsoft.com/kb/922370

    Straight line 285 - restore the tabs display.
    http://www.kellys-Korner-XP.com/xp_tweaks.htm

    TaurArian [MVP] 2005-2010 - Update Services

  • How can I remove a background image when replying to emails using windows live mail?

    I have Windows Live Mail on Windows 7. I'm trying to reply to an email, and I want to remove the colored background, but not pass in plain text mode. This was easy to do it on Windows Mail, but I don't see no option anywhere to do this on WLM.

    Hello TulsaJan,

    Thanks for your post.  The information below may or may not be what you are looking for.  If this isn't the case, please ask your question in the Windows Live Solution Center for questions about the Windows Live products you will find here the best assistance.

    Create a message in Windows Mail or Outlook Express and insert a background image

    Go to the Source tab

    "Locate the"tag «»

    Insert ' style = "" background-repeat: no - repeat; "" "' (not counting external quotes) after"

    See you soon

  • Extra width after you resize my background image

    I create this site by using a screen 15-inch and after viewing on a larger screen, 21 inches, the image background looks too small.

    Fixed it by resizing the background image. However, now the side scrolls to the right, only to show the size of the background image?

    Required to have this problem design with Muse, what is the right solution to have an image or a background that will be at least able to cover

    monitor 27 inch?

    the site is: www.perfectpairoptometry.com

    Scroll to the right, right on the opening page, and you'll see what I mean.

    Thank you

    Hello

    Please check if you have any element outside of the area of the page.

    To check the same:

    • Open the site with Muse
    • Press Ctrl + 0 (Cmd + 0 for Mac), to tailor the site to the window
    • Press Ctrl + A (Cmd + A Mac), select all
    • And check if any element is located outside the width of the page

    Also, check the same for master pages.

    Let me know if this helps.

    Concerning

    Sonam

  • How can I change the background image for a single tab on the navigation bar

    I create a film site for LEVEL and for the navigation bar, I intend to have a different character for each tab. However, I can't put one image of each separate tab. Instead, a single image appears on each of the tabs. Here is an example of the CSS source.

    < td width = "200" > < ul id = "navigation" > < br / >

    "< li > < a href ="... / pages/index.html "> home < /a > < /li > < br / >"

    "< li > < a href ="... / pages/cast.html "> Cast < /a > < /li > < br / >"

    "< li > < a href ="... / pages/pictures.html "> photos < /a > < /li > < br / >"

    "< li > < a href ="... / pages/soundtrack.html "> music < /a > < /li > < br / >"

    "< li > < a href ="... / pages/interview.html "> Interviews < /a > < /li > < br / >"

    "< li > < a href ="... / pages/links.html "> links < /a > < /li > < br / >"

    < /ul >

    < table >

    #navigation {}

    list-style-type: none;

    padding: 0px;

    margin: 0px;

    }

    #navigation li {}

    margin: 0px;

    padding: 0px;

    list-style-type: no

    }

    #navigation li a: link, #navigation li a: visited {}

    display: block;

    Width: 200px;

    height: 100px;

    text-decoration: none;

    text-align: center;

    line-height: 100px;

    do-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

    make-weight: bold;

    -webkit-transition: 1000ms relieve;

    -moz-transition: 1000ms relieve;

    -ms-transition: 1000ms relieve;

    -o - transition: 1000ms relieve;

    transition: 1000ms relieve;

    color: #648AAE;

    background-repeat: no-repeat;

    background-image: url (.. / Images/gifs/Batman-still-2.gif);

    background-position: center bottom;

    text-transform: uppercase;

    letter-spacing: 0.79em;

    border-radius: 5px;

    }

    #navigation li a: focus, #navigation li a: hover, #navigation li a: active {}

    Color: #000000;

    background-image: url (.. / Images/gifs/Batman-animation-2.gif);

    background-repeat: no-repeat;

    background-position: center bottom;

    background-color: #454545;

    border-radius: 25px;

    }

    So, how can I put one image on each of the tabs (home, cast, photos, etc.). Thanks in advance for your help.

    Assign a class to the element, and use CSS to apply an image as in

  • class = 'home'; > Home

  • Cast

  • Photos

  • Music

  • Interviews

  • Links

  • and the CSS

    #navigation li a: link. Home, #navigation li a: visited. Home {}

    background-image: url (.. / Images/gifs/Batman-still-2.gif);

    }

Maybe you are looking for