background images appear evil in the browser

OK, his mercy, it's my first DW website. www.Bourne.GB.com/TestArea

I put the two div in the container, one above the other downstairs, with a background image repeated on the Center to give a single image extensible backround page. "It appears correctly in DW, using live view and local files, but when I go to the page, the background image appears corrupt and won a comment alt, probably from the browser that says - 'image' http://www.bourne.gb.com/testarea/images/containermid.gif ' cannot be displayed, because it contains errors. »

I tried with different image formats, jpg and gif and I checked the file on the host server and the image is fine as long as it is not part of a page. My guess is that I screwed up something in the div or the css somehow. But I just spent a few hours looking for clues and came up empty.

If it is an old problem, my apologies for not finding a previous answers, if it is a new, then at least I was original!

OK, I cracked, but maybe not in a good way.

I had avoided using png for background images files because I heard that IE has problems with links that overlap png backgrounds, effectively breaking navigation. Unfortunately I can't test this reliably until my pc friends give it a try. But change the png format solves all problems display on my browser.

If someone can advise on the wickedness of this method?

Oh, and no one knows why opera has a display problem with shadows in swf animations. A soft shadow with an alpha of about 60% poster fine while he drives, but as soon as you get to the stop command, it turns solid and opaque.

Tags: Dreamweaver

Similar Questions

  • Please help: content still is not fixed with background image when I resize the browser window

    I am designing a Web site and want my content appear in the same location relative to the background image, regardless of whether or not the browser window is resized. How can I do this? (the content always moves when I preview the page)

    You can pin the object on the page so that it remains in the same position with any size of the screen.

    Thank you

    Sanjit

  • Background for div wrapper appear not in the browser...

    Hi all

    Here is a link to the test site:

    http://www.davidcoshdesign.com/test/tee

    If you go to 'about' - top right nav, should be both "vertical" running all the way down the page, share and another copy of the main body.

    All pages are created from the same template.

    A background image is repeated in the div. of #wrapper I can see DW, but not in all browsers.

    I guess it isn't link somehow... but can't figurte out.

    In addition, layouts on the "partners and 'Philosophy' pages 'jump' when you go to them."  Yet once again, I guess that there is an error in the code somewhere...

    Help with these two things would be very appreciated.

    RP

    -Change

    {#wrapper}

    background-repeat: repeat;

    background-image: url(assets/images/columnedge.jpg);

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: normal;

    line-height: 19px;

    make-weight: normal;

    color: #999;

    text-decoration: none;

    Width: 980px;

    margin-top: 0px;

    margin-right: auto;

    margin-bottom: 0px;

    left margin: auto;

    height: auto;

    }

    on this subject.

    {#wrapper}

    background-repeat: repeat;

    background-image: url(assets/images/columnedge.jpg);

    do-family: Arial, Helvetica, without serif.

    do-size: 14px;

    make-style: normal;

    line-height: 19px;

    make-weight: normal;

    color: #999;

    text-decoration: none;

    Width: 980px;

    margin-top: 0px;

    margin-right: auto;

    margin-bottom: 0px;

    left margin: auto;

    height: auto;

    overflow: hidden;

    }

    You must clear the floats so that div #wrapper will contain content.  To fix the jumping, add this to your CSS-

    HTML {overflow - y: scroll ;}

  • 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

  • Photo Gallery can reorganize in subcategories + added new images through editing in the browser

    Hello

    I'm looking for a photo gallery that has the ability to rearrange the images displayed from the subcategories or tags. For example, I want to add a gallery which contains pictures, a projects of clients. The client wants to visitors of the site to be able to mix the Gallery to display only e.g. 'stone walls' or 'wood decking. A system of marking would be useful rather than having to load the pictures in each subcategory.

    The other consideration is that my client should be able to add new images with labels using the browser via Business Catalyst. So far, I've only managed by replacing the existing images rather than adding new images.

    Y at - it such widget for Muse or is there any other widgets wordp interested or another that could be incorporated into the work dot.

    Thanks in advance,

    Jimmy

    Hi Jimmy

    If I'm not mistaken, basically you want to provide users an option to select the category of images as they appear on the page.

    Muse, we cannot tag or categorize, also the module of British Colombia Photo Gallery does not provide this option, but there is a solution with web applications.

    You can create a web application and web then elements app in the form of images and then rank them. When page inserting the web application with the categories drop down, so when users select the category these items in web application would show on the page. In addition, you can add custom Web app fields to search using the keyword.

    With the edition, customers can connect to BC admin, then using the photo gallery or web app (if used) module to edit images, add new ones. IBE cannot be used to add new ones, but to replace existing ones.

    Useful links:

    http://helpx.Adobe.com/business-catalyst/partner/Web-apps.html

    http://helpx.Adobe.com/business-catalyst/partner/building-Web-apps-part-1.html

    Thank you

    Sanjit

  • I'm having a problem using the slideshow module in LR 6.3. The slideshow contains the background image as one of the images to display. Earlier, I had created a slideshow of practice and the background image was not displayed as an image in itself. How to

    I'm having a problem using the slideshow module in LR 6.3. The slideshow contains the background image as one of the images to display. Earlier, I have created a slideshow of practice and the background image was not displayed as an image in itself. How to make it behave?

    Another approach, perhaps a little more elegant (?). Create a collection that includes images for the slideshow. Include the background image in the collection. Drag the background image in the Panel to designate. Then, remove this image from the collection and create the slide show. I just tried and it works, too.

  • Background image does not fill the window full screen

    Guys I have an image that is larger than the stage, but when I play this movie in the player, the background image is cropped on the sides, which is on the left and the right there is a margin gray about 2cm wide.

    Any ideas how to solve this problem, then the background image covers the whole scene?

    Thank you.

    I mean that you can not change the way that your swf is displayed unless you change the scene or display list objects.

    If you want to change the scene to show all of your background, click Modify > document settings > select "fit to content" for the size of the stage.

  • Why my Firefox browser does not change its background image when I change the theme or personas

    When changing the theme or personas, I'm only able to get the top menu, tab bar and the bottom menu to change to picture the theme/personas, but not the background image. I try to change a lot of theme and personas and even useless.

    My origins are still white no matter how long I have to change. Any help?

    See;

  • How can I make an image tile length of the browser without using it as a background image?

    I understand that if you use the rectangle tool and stretch it to the edge of the page, triggerring the red margin, the tile image is supposed to stretch the length of the browser. While this works for width, coating horizontally, for some reason, it doesn't work for the length, Tile vertically. When I saw my work in the browser, the tile image stretches with the footer that I scroll to the bottom of the page.

    When I use the image as the background fill and tile it, it works, but I need to use a different image for the background.

    Hello

    As you said you can either use your browser complete with fitting tile or design the background image browser outside the Muse using any image editor like Photoshop and then use as fill for browser that would include the two images that you want to use as a background image and you want to use as tile on the section of the page.

    Thank you

    Sanjit

  • Expand the background Image to cover across the region title

    I have a region title that contains an image and it has a height of 2 rows, but the background image (blue image) is not growing in the region (the css contains repetition for background). The application uses the theme 2. Can anyone help?

    CSS:
    .rc-title {
        background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
        float: left;
        width: 100%;
    }
    div.rc-blue-top
    {
        background: url("../images/bg-region-blue-l.gif") repeat scroll 0 0 transparent;
        float: left;
        width: 100%;
    }
    I created the application on the APEX. ORACLE.COM:
    Workspace: RGWORK
    User: TESTER
    Password: test123
    Application: CSRSR (33558)

    Select view from the menu (only choice).

    You will see that the tabular forms a dog tags and an image, another tabular form has a picture but no text (nameplates), even if it is there. I live blue to cover the image and the text.

    Help, please

    DB: 10g
    APEX 4.1

    4.2 APEX (APEX. ORACLE.COM) works the same way.

    Robert
    http://apexjscss.blogspot.com

    sect55 wrote:
    fac586,
    I would like to try the second option:
    >
    Another option would be to eliminate the problem by moving images of the nameplate on the titles of the region. There is a horizontal space within the regions that will allow these images to be rotated to the left of tabular form, that would look OK. But how to refer to the horizontal space within the regions? I looked at the model for the region:

    #TITLE#
    #CLOSE##PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#
    #BODY#

    and could not put the image in horizontal space.

    Can you please help me by providing the details?

    There are two options, depending on the role you see images of the plate by playing on the page. I used the two regions to give an example of each.

    * 1. Nameplate as eye-candy: * If there is sufficient information on the region, contained region title and labels of items to make the images of the nameplate of the superfluous by providing information to the user and you are just using them to improve the appearance of the page, then they can only be applied using CSS.

    /* Nameplate image as CSS eye-candy */
    #nameplates-ndc div[id$="catch"] {
      min-height: 36px;
      padding-left: 113px;
      background: transparent url(#WORKSPACE_IMAGES#nameplate_ndc.gif) top left no-repeat;
      background-size: 103px;
    }
    

    Note the use of the CSS3 background-size property to resize the image. If the application needs to work in browsers that do not support this so you will have to drop it and create an image of the exact size required for use in the bottom rule.

    * 2. Nameplate as content: * If the plate images are necessary to provide information to the user, then they should be included in the region (and they must have an alt attribute, providing an alternative representation of the information contained in the image).

    Put the image in the header area:

    Nameplate (name only)
    

    and it floats so it sits next to the form:

    /* Nameplate image as page content */
    #nameplates-name .rc-content-main img {
      float: left;
      margin-right: 10px;
    }
    
  • Style DIV background image appears not

    Hey friends - can take anyone a peek at line 136 to show why my background image does not appear in this DIV Style?

    http://www.gratefulcreative.com/Andre_Madiz/index.html

    Thanks in advance!

    Ken d

    Creative Director

    grateful creative

    www.gratefulcreative.com

    You have no width or height defined for this item, so it cannot show an image, unless you make the div at least the same size as the image.

    http://www.gratefulcreative.com/Andre_Madiz/images/bottom_text.PNG); repeat ba ckground: No.-repeat; Width: 871px; height: 483px; » >

    You can also consider adding to your main css file and giving the div an id that will help you in the future.

  • Gallery of SWF not appearing not in the browser (should be an easy fix)

    , I'm working on the development of a portfolio site. My page has a swf works fine locally, but windows does not appear in the browser. I can navigate to the swf file, where it comes and works very well (http://amoterocreative.com/images/portfolio_images/design/design_gallery.swf), but it does not appear in the page (http://www.amoterocreative.com/work.html).

    The only thing I can think is that maybe I have the .js file in the wrong place on the server? If so, were do I put it?

    Here is the code in the page:

    Head

    Yes - more like an ActionScript error - head of coding more Flash forums and they will probably be able to help you track down.

    ---

    That Scratch! Looks like your XML file is not upward on the server (or less is not located where your Flash animation tries to load it from). Make sure the XML file is downloaded and located where the SWf is trying to read.

    Post edited by: bemdesign

  • Background image of setting of the pane (None) execution

    I want to put the background image of a Runtime component to (none).

    This option is available when you are not running, but I am unable to find property to support during execution.
    I put background color run-time.

    I put a background image performance.

    However, when you have selected an image I can't undo this action to define a background color.

    The background image are apparently takes precedence over any change in background color that I do.

    Anyone know if it is possible to the background image back to a State (none) programmatically?

    Thanks for any help,

    James

    What happens if you use the property and wire in a blank image (there is a constant in the palette)?

  • Widget slideshow not updated lightbox image using changes in the browser

    I have a major problem with a client who fails to day/edit pictures on their gallery page with editing in the browser.

    The vignette/hero updates successfully as usual but the lightbox by clicking on that displays a larger version of the image is not being updated and keeps the old image that need to be replaced. The site is hosted on Business Catalyst.

    Any idea what's going wrong here?

    URL in question is: http://captureeverymoment.co.uk/gallery.html

    Thank you

    Hi Craig,.

    I checked this on Chrome and Firefox, both do not work correctly, but I'm on Windows. You are on OS X? It may be possible to be something related to Chrome for OS X.

    See you soon,.

    Cristian

  • Images cropping vertically in the browser?

    Hello

    I'm having a problem with my images cropping vertically when I saw in the browser. I tried starting from scratch and reload the preview and get the same results. Any suggestions?

    Screen Shot 2015-05-22 at 11.49.01 AM.pngScreen Shot 2015-05-22 at 11.49.49 AM.png

    When you use an image to a width of 100%, the stretching of the image can vary and the harvest will be defined by the browser, not the designer. The browser will try to keep the middle of the image centered, which does not always give a good result. Try finding and using an image which can visually resize and crop safely.

Maybe you are looking for

  • UNALE remove app on iphone 6s more ios 9.3

    the X does not appear next to the icon when I pressed it.  I have no restrictions enabled (settings-general-restrictions active - Off). I can't remove all apps. When I pressed the icon of the application, the screen blurred and refocused, but not x n

  • How can I reorder cards in Apple pay?

    On my iPhone, 6 + I can rearrange my cards to pay Apple and define a default map. Yet, I have to find a way to do the same thing on my Apple Watch (watch OS 2.0.1) the card I want to be the default value is the 3rd added card so I spend twice to get

  • 11 - d010wm flow: flow 11-d010wm locked Bios HP

    I need help with a HP Stream 11-d010wm power on password. I don't remember the original password and after three attempts, I get a 60957064 code.  Help would be greatly appreciated.

  • Pavilion 15-n228sl: HP Pavilion 15-n228sl Windows 7 USB 3.0

    Hello, I had to install windows 7 on this laptop but I'm not able to find a driver usb 3.0 that works. Thanks for any help.

  • 80070643 error code when you use the update

    Remember - this is a public forum so never post private information such as numbers of mail or telephone! Ideas: office 2007 is not installed not too You have problems with programs Error messages Recent changes to your computer What you have already