Css background image does not properly

Similar Questions

• Nav background image does not display in some browsers...

  Hello

  I am trying to build a model of Web site - still ironing a few bugs, but just found out that the information in my navigation bar image does not appear on some browsers (including certain versions of Internet Explorer). It works in IE8 where my first test (on both my drive local and temporary 'live' server, but in most other browsers, does not appear...

  Here is a link to my test page:

  http://home.Roadrunner.com/~jgigandet/Trinity/
  and here's the css with the code in red:
  / * Menu external Wrapper * /.
  {.p7PMMh04}
  Width: auto;
  height: 20px;
  margin: 0 auto;
  do-family: Arial, Helvetica, without serif.
  do-size: 11px;
  make-weight: bold;
  background-image: url (img/new_bk.gif);
  background-repeat: repeat-x;
  background-color: #000;
  text-align: left;
  line-height: normal;
  }
  / * Hide the submenu in Design view
  Compensate for the LI padding on doors sliding themes * /.
  .p7PMMh04 ul div {}
  display: none;
  }
  /*
  TOP LEVEL MENU
  */
  .p7PMMh04 ul {}
  margin: 0;
  padding: 0;
  }
  .p7PMMh04 li {}
  list-style-type: none;
  float: left;
  Width: 120px;
  }
  / * Hide IE5 Mac * /.
  .p7PMMh04 li {}
  Width: auto;
  }
  / * High level links * /.
  .p7PMMh04 a {}
  display: block;
  text-decoration: none;
  padding: 2px 14px 3px 14px! important;
  color: #ffc42a! important;
  
  / * border-right: 1px solid #8184e6;  */
  
  text-align: left;
  }
  / * Link stationary when a drop-down list is not present * /.
  .p7PMMh04 a: hover {}
  color: #df8f04! important;
  
  / * background-color: #DFDFDF; * /
  }
  /*
  Syntax of the special classes programmatically assigned to the first and last links and also read
  See the guide the user for more information
  .p7PMMh04 ul a.pmmfirst {}
  border-left: 1px solid #df8f04;
  }
  .p7PMMh04 ul ul {a.pmmfirst}
  border-left: 0;
  }*/
  .p7PMMh04 ul a.pmmlast {}
  }
  .p7PMMh04 ul li.pmmfirst {}
  }
  .p7PMMh04 ul li.pmmlast {}
  }
  / * First void / level * /.
  .p7PMMh04 ul ul {}
  z index: 10000;
  background-color: #333;
  Width: 150px;
  background-image: url(img/pmm_carbon_subs.jpg);
  background-repeat: repeat-x;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  }
  .p7PMMh04 ul ul li {}
  float: none;
  
  background-color: #000;
  background-image: none;
  }
  .p7PMMh04 ul ul a {}
  padding: 4px 12px! important;
  color: #ffc42a! important;
  border-right: 0;
  
  text-align: left;
  overflow: hidden;
  }
  / * tread on 1st level transfer * /.
  .p7PMMh04 ul ul a: hover {}
  background-color: #333;! important;
  color: #df8f04! important;
  
  }
  / * Third level (launchers in the horizontal menu) * /.
  .p7PMMh04 ul ul ul {}
  border-top: 1px solid #df8f04;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  border-left: 1px solid #df8f04;
  }
  /*
  THE IMAGE-ORIENTED SPECIAL RULES
  */
  .p7PMMh04 img {}
  border: 0;
  }
  .p7PMMh04 .p7PMM_img {}
  padding: 0px;
  border: 0;
  background-image: none;
  background-color: transparent;
  }
  /*
  TRIGGERS and the RULES of MARK CUURENT
  The Closed state is related to the trigger elements when their kids meals are not displayed
  The open State refers to the trigger components when their kids meals are displayed
  Selectors added with _left automatically change the orientation and position of the arrow
  If additional levels are set to fly to the left
  */
  / * Void / level * /.
  .p7PMMh04 ul a.trig_closed .p7PMMh04 ul a.trig_closed_left {}
  background-image: url(img/pmm_south_medium.png);
  background-repeat: no-repeat;
  background-position: Center-right;
  }
  .p7PMMh04 ul a.trig_closed_up {}
  background-image: url(img/pmm_north_medium.gif);
  background-repeat: no-repeat;
  background-position: Center-right;
  }
  .p7PMMh04 ul a.trig_open .p7PMMh04 ul a.trig_open_up {}
  Color: #000! important;
  
  background-color: #DFDFDF! important;   / * It's background color of rolling main drop-down list *.
  }
  .p7PMMh04 ul ul {a.trig_closed}
  background-image: url(img/pmm_east_dark.png);
  background-repeat: no-repeat;
  background-position: Center-right;
  }
  .p7PMMh04 ul ul {a.trig_closed_left}
  background-image: url(img/pmm_west_dark.gif);
  background-repeat: no-repeat;
  background-position: left Center.
  }
  .p7PMMh04 ul ul {a.trig_open}
  
  color: #FFF! important;
  background-color: #424242! important;
  }
  / * The current marker (you're here) links * /.
  .p7PMMh04 .current_mark {}
  make-weight: bold;
  color: #60c3d1! important;
  }
  .p7PMMh04 ul ul {.current_mark}
  color: #FFF! important;
  }
  /*
  Rule the utility used for floats in the horizontal Menus
  */
  {.p7pmmclearfloat}
  Clear: both;
  height: 0;
  line-height: 0;
  do-size: 0;
  }
  ---------------------------------------------
  Thanks in advance for any advice,
  Jesse
  

  Add overflow: hidden; (as shown below) for the class selector in your stylesheet p7PMMh04.css .p7PMMh04

  {.p7PMMh04}
  Width: auto;
  height: 20px;
  margin: 0 auto;
  do-family: Arial, Helvetica, without serif.
  do-size: 11px;
  make-weight: bold;
  background-image: url (http://home.roadrunner.com/~jgigandet/trinity/img/new_bk.gif);
  background-repeat: repeat-x;
  background-color: #000;
  text-align: left;
  line-height: normal;
  overflow: hidden;

  }

• Background image does not appear

  I worked on my Web site recently, and in order to personalize it a bit more I added some background images to the cells. The problem is that the image does not appear in my browser. I tested background images of page too and nothing. It makes no sense. I select the cell, go to the properties panel, and then find a background image. Once I have select this one appears in dreamweaver, looking the way it is supposed to. After I downloaded the page, however, I check in my browsers, Mozilla Firefox and Internet Explorer, and the image is not there. All this shows is the background color of the cell or of the page, depending on the question of whether I make the background color of the transparent cell. I asked a few friends to view the page too to see if it is for them and they tell me that it is not for them either. Anyone know why this is happening? Oh I should mention I publish as an html file and I tried both .jpeg and .png file types. In addition, it's all in Dreamweaver 8. Any help would be greatly appreciated. Thanks in advance.

  Background ="... /... / move background2.jpg

  can't go up two levels of folders from there...

  Also should avoid spaces in the names of files and folders.

  copy of a previous post on this topic:

  the style sheet link and especially images that you have placed have paths such as
  this:

  ../gifs/ means go UP one folder level, then into the folder named ">

  The problem: the home.html file is at the level of the root of the public
  space web is not not to attend. So all these paths are distributed on the
  downloaded pages.

  My guess her site definition is set to the wrong folder level in the
  local and remote site.

  The way it should be is the local and remote should be defined in the folder
  that contains home.html. Use the 'Folder of the Site Local' button to select the
  good record and the "host directory" If the folder level must be
  adjusted on the remote control (such as you land in a high level of private accommodation
  folder when connecting with ftp and need to go to one site files
  folder named "public_html" then type public_html directory of the host
  the remote server info line)

  > The page is http://www.flash-vault.com/submissions.
  > The background image is supposed to appear behind the five titles in the
  > first column. It appears in dreamweaver and when I saw, but not after
  > It is published.
  >

• Navigation with active css sprite image does not

  Hi, I'm doing a navigation with an image of the sprite, but I can't seem to do the active state (maybe because I have a missunderstanding of the active State really is). What I try to do is for the name of the page to be highlighted during the consultation. (orange is steady state which works fine)

  Any suggestions on what I am doing wrong?

  Thank you

  

  The code is the following:

  HTML:

  < ul id = "nav" >

  < li = 'nav-home' id > < a href = "index.html" > home < /a > < /li >

  < id li = "nav-heart" > < a href = "cuant_portfo.html" > portfolio < /a > < /li > ""

  < id li = "nav-wayww" > < a href = "cuant_wayww.html" > how we work < /a > < /li > ""

  < li = 'nav-prices' id > < a href = "cuant_rates.html" > rates < /a > < /li > ""

  < id = "nav-contacto" li > < a href = "cuant_contacto.html" > let < /a > < /li > ""

  < /ul >

  CSS:

  #nav, #nav li {}
  margin: 0;
  padding: 0;
  list-style: none;
  }

  
  #nav li {}
  text-indent:-9999px;
  }

  
  #nav a {}
  margin: 0;
  Width: 200px;
  height: 44px;
  display: block;
  float: left;
  position: relative;
  left: 14px;
  top: 110px;
  z index: 3;
  background-image: url(img/nav.png);
  }

  
  #nav #nav - home a: link {}
  background-position: 0 0;
  }

  
  #nav #nav - host a: visited {}
  background-position: 0 - 88px;
  }

  
  #nav #nav - home a: hover {}
  background-position: 0 - 44px;
  }

  
  #nav #nav - host a: active {}
  background-position: 0 - 88px;
  }

  
  #nav #nav - heart a: link {}
  background-position:-200px 0;
  }

  
  #nav #nav - heart a: visited {}
  background-position:-200px-88px;
  }

  
  #nav #nav - heart a: hover {}
  background-position:-200px-44px;
  }

  
  #nav #nav - heart a: active {}
  background-position:-200px-88px;
  }

  #nav #nav - wayww a: link {}
  background-position:-400px 0;
  }

  
  #nav #nav - wayww a: visited {}
  background-position:-400px-88px;
  }

  
  #nav #nav - wayww a: hover {}
  background-position:-400px-44px;
  }

  
  #nav #nav - wayww a: active {}
  background-position:-400px-88px;
  }

  
  #nav #nav - rate a: link {}
  background-position:-600px 0;
  }

  
  #nav #nav - rate a: visited {}
  background-position:-600px-88px;
  }
  #nav #nav - rate a: hover {}
  background-position:-600px-44px;
  }

  
  #nav #nav - rate a: active {}
  background-position:-600px-88px;
  }

  
  #nav #nav - contacto has: link {}
  background-position:-800px 0;
  }

  
  #nav #nav - contacto a: visited {}
  background-position:-800px-88px;
  }

  
  #nav #nav - contacto a: hover {}
  background-position:-800px-44px;
  }

  
  #nav #nav - contacto has: active {}
  background-position:-800px-88px;
  }

  There should be an editable region in the head of the child page called 'head '.  Y - put a stylesheet incorporated

• Collection download background image, does not not on test app

  I have my collection of top level of my test application with a background image to work. I am trying to add a background image to another collection in my application, and it will save, download and publish - However even after the update every time, the background remains white. Ebb in the parameters in the collection, the background image I made is transferred and is displayed correctly but is absent from the app.

  I tried to upload an image to the size needed for the iPhone, I tried to download with the dimensions of 2048 and I tried to download the image I used for my first background at the highest level that always - works, but none have appeared on my app.

  Is there a bug in the system for that? Is there another way to work the background image that I'm not aware, or has been updated to Digital Publishing Suite?

  Have you turned on showing the background image in the layout that you use for this collection?

  Neil

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

• background images does not

  I have a few nested divs and I am trying to place a background image in one of them. Sometimes it will work, and sometimes he used. I am very confused as to why. The background image is located in a folder called/images
  Sometimes it works fine, but if I go into photoshop and change the image (save under the same name), it will appear no more. Is there something that I am missing. Could you look at my code or CSS. I don't know what's goin'.
  Thank you
  Joshua
  
  http://thebradfordcreativegroup.com/ABS/

  Thank you. I think that. It seems that some of my images have been damaged. I appreciate the help.
  Josh

• Satellite C660/C660D - screen background image does not

  Satellite C660/C660D: Try to load any image from any source fails, the message error "an internal error has occurred." I tried all procedures in the Panel; none allow a change of background image, although the colors can always be changed, as well as themes.

  Microsoft advises it is a question of manufacturer, as my OS is OEM.
  Can anyone help identify this error and suggest how to fix it?

  I never heard of this issue.
  Can you change the standard background images provided by Windows?

  When this problem occurs you want some private photos?

• Satellite L350-170: background image does not match

  How comes if I put a picture that my background of google for my Satellite L350-170 it eventually always either scrambled and unrecognizable or simply too small, I can't get an image that fits correctly as the peaks of the sample?

  It's really annoying me

  Hello!

  Have you tried to save this image to your computer and then use as a background?

  If the image is too small, use a Stretch position

  Good bye

• background image does not load

  I'm stuck at the moment. All my pages load my kind of background white except for a single page, which is a pain in my *. This is a page where you can fill out some forms that mail me the content. But somehow the page which suppose to be white, out of gray. Very annoying.

  I'm new to this kind of communication, so I do not know what code I have to place this post. So, can help you a beginner?

  Thanks in advance and hope to hear from you

  See you soon,.

  Jaap

  OK... you have your footer inside your form for what reason eve table and go outside the div #content.inschrijven with your div clear below, that's how the page should end

  • Homepage
  • Disclaimer
  • Climax
  • conditions
  • Toppers © Chauffeursdiensten 2010

  
  

  Copy what is in red with your form table and drag it between the divs at the end (in black) of the page, as shown. Make sure you do as stated, otherwise you can really mess up your car. First of all as a backup, make a copy if you get confused, you can try and try again until you have proper placement. Once you do just the page falls into place.

  Also... This is a fix for this problem, but you have done a few things that has no best practice and you also have a lot of validation issues. But the difficulty of one thing at a time. Good luck.

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

• Background images are not displayed (CSS, other images ok

  I tried to empty cache, watched: config for odd configurations, made a private window and disabled all extensions. None of them had no effect.

  Test pages: Amazon.com and https://developer.mozilla.org/samples/cssref/background-image.html - two of these pages have loaded by CSS background pictures. For example, the Amazon logo at the top left is a background loaded from a CSS page. The image itself can be found in gross:
  http://g-ECX.images-Amazon.com/images/G/01/gno/sprites/global-sprite-v1._V339353059_.PNG

  This image cannot:
  https://developer.Mozilla.org/samples/cssref/images/starsolid.gif

  But why, why why these images are displayed on their relevant Web pages? I see that Amazon, eBay, and many other sites Web without a range full of images. In particular those used for menus and other important navigation buttons.

  Here's what I see on the Mozilla page mentioned above: I see the text, but no expandable star image. It works in other browsers and on other computers in Firefox.

  The page that I tap on right now has no blue background, windows are not correct (as the search engine is not a rounded grey area) and the magnifying of research is missing. So this experience makes it impossible the use of simple pages.

  Firefox 32, Vista

  It was a strange setting. I have it set, then updated some of the relevant information on the subject myself. Here's the question:

  If the preference of the user browser.display.use_document_colors in subject: config is set to false, the background images will not display.

• Please help beginner with CSS background-image

  I use Dreamweaver CS4. I created a site on my computer. D:Data\Local_sites\Gravity_Works. In this directory using Dreamweaver, I created 3 files - css, images and models. In the pictures folder, I have an image - bg_body_winter.jpg. In the Templates folder, I have Gravity-works - Home01.dwt. I have created a new form of the page the template file and named index - test01.html and saved directly in the folder Gravity_Works

  I have this css code in a css in the css folder file:

  {body
  background: url(/images/bg_body_winter.jpg) top of Center no-repeat scroll #C1CAD6;
  }
  {body
  Police: 100% Verdana, Arial, Helvetica, without serif.
  margin: 0;
  }

  I downloaded the site in a test folder on my server at fatcow.com. You can see the page using the link below.

  http://www.openrangeimaging.com/test/gravity-test/index-Test01.html

  The image appears as it should be in Dreamweaver Live View. It does not appear in Design view. It does not appear in the preview of the local file in a browser. The image does not appear when you look at the index file - test01.html that is located on the server by using the link above. The specified background color appears but not the image.

  I'm confused about how I should name the path to the image. I think it must be relative root of the site so that anywhere, I have download the website, the image can be found. Can someone tell me how I should name the path to the image properly.

  I feel that I should know how doing this and looked around for help online and tutorial books I have, but I just don't get it.

  TIA for any help.

  In your linked css file the path to the background image must be as shown below (note points both in front of the bar oblique leader)

  {body
  Background: url (.. / images/bg_body_winter.jpg) no-repeat scroll top centre #C1CAD6;
  }

  If you have this image, the browser is trying to find a 'pictures' folder in your "css" folder and it appears no one.

  If you include the colon before the first slash the browser search the folder 'images' outside your "css" folder and in the folder root site.

• 100% width background images do not appear in chrome when I apply scroll effects. Please help someone

  Since the last update to dream my 100% width background images do not appear in chrome when I apply scroll effects. Does anyone else have this problem? They work on all other platforms, but not chrome. I talked with adobe and they said basically their cant be a problem on their end because no one else has not complained.

  problem solved, it's adding css that I included in the site

• Scrolling the page does not properly respond to BlackBerry Curve9360

  Hello friend

  I have developed applications for BlackBerry (JqueryMobile, Phonegap) the application works fine in BlackBerry Torch 9800.

  But once I've installed in BlackBerry Curve9360, scrolling of the page does not properly, that I am not able to view the complete list of items and long text.

  Help, please

  I came up with the solution, the problem occurs because BlackBerry Curve 9360 isn't a touchscreen, there fore scroll doesn't work.

  In my applications, I add 2 pages "index.html."

  on the first page, you have to test if the device is not touch and redirect to the second page.

  Do not use the page for "BB Curve" scroll and any other animation like CSS "" - webkit - transform: translate3d "»

  The other js script go without a problem.

  The page "BB Curve" to redesign the html for use with the cursor,
  For example, the menu is smaller, the police is smaller.
  the size of the screen is fixed.
  Dimension height is better indicate a value min eg 300px
  etc...