Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jan 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Background CSS not displaying, Simple I'm sure

    Need some help trying to figure out a background not showing on a login form. Been trying everything and I'm sure it's simple so i'm getting really frustrated at this point. Even used absolute URL and checked to be sure it was in the correct directory. Might have some conflicts with WP Theme CSS...

    RIGHT: http://markarmentano.com/free_log/
    WRONG: http://markarmentano.com/nimble/
    CSS:

    Code:
       .container    { 
    	    border:1px solid #dddddd; 
    		position:relative;
    		background-image: url(../Images/BG5.jpg);	
    		background-repeat: no-repeat;
    		width: 275px; 
    		height:325px; 
    		margin:120px auto;
    		padding:30px 20px;
            -webkit-border-radius: 5px;
               -moz-border-radius: 5px;
    		        border-radius: 5px;				 
        }
    Attached Thumbnails Attached Thumbnails Background CSS not displaying, Simple I'm sure-screen-shot-2013-01-20-3.04.26-pm.jpg   Background CSS not displaying, Simple I'm sure-screen-shot-2013-01-20-3.04.53-pm.jpg  

  • #2
    Regular Coder Nerevarine's Avatar
    Join Date
    Jan 2013
    Location
    Phendrana Drifts, Tallon IV, W-Class
    Posts
    285
    Thanks
    0
    Thanked 17 Times in 17 Posts
    Check to see if your image completely correct again. I checked the code and it validated, so I would suggest checking if your image is perhaps behind the background, so I would mess with the z-index.

    Perhaps you could also try loading it in HTML and editing it with CSS.
    Time kills us in our sleep and we watch it happen in our dreams. -K.K.
    THE END-ALL PROGRAMMING REFERENCE: CLICK HERE (Courtesy of Major Payne)
    My username was previously L0adOpt1c. :: Please read this before posting in the HTML/CSS forum.
    Validate your HTML here and your CSS here. :: Need basic HTML/CSS tutorials? Click here, don't post about it.

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello mightymark,
    Both of those are wrong. When I goto http://markarmentano.com/free_log/ there is no BG.png on the body and no BG5.jpg on .container. Once I mess around with the CSS a little they show and I see the images every time the page is reloaded.

    Empty the cache and no BG's again.



    Not sure why yet.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    For some reason, when I use FF to View Background Image, I get redirected to http://www.totallifechanges.com/portfolio/#all/1/grid

    I can look in http://totallifechanges.com/free_log/Images/ , because you have some lax permissions set and I see both BG.png and BG5.jpg ...I don't see a redirect there at all.

    Maybe this is a server side thing?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New Coder
    Join Date
    Jan 2013
    Posts
    16
    Thanks
    0
    Thanked 1 Time in 1 Post
    If I were to guess, I would venture to say that this is a file path error. Try specifying the entire directory of your image file: such as background-image:url('http://site/path/img.jpg'). I'm thinking that the image is getting loaded on another page (which is in the correct directory), but then when you empty the cache, the image is no longer there and the affected page is not loading the image from the right directory. Just my assumption.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •