Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 01-21-2013, 04:23 AM   PM User | #1
mightymark
New to the CF scene

 
Join Date: Jan 2013
Posts: 1
Thanks: 0
Thanked 0 Times in 0 Posts
mightymark is an unknown quantity at this point
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
Click image for larger version

Name:	Screen Shot 2013-01-20 at 3.04.26 PM.jpg
Views:	21
Size:	38.3 KB
ID:	11878   Click image for larger version

Name:	Screen Shot 2013-01-20 at 3.04.53 PM.jpg
Views:	19
Size:	22.9 KB
ID:	11879  
mightymark is offline   Reply With Quote
Old 01-21-2013, 02:07 PM   PM User | #2
L0adOpt1c
New Coder

 
L0adOpt1c's Avatar
 
Join Date: Jan 2013
Location: <bed />
Posts: 95
Thanks: 0
Thanked 7 Times in 7 Posts
L0adOpt1c is an unknown quantity at this point
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.
__________________
Validate, early and often. | Use W3Schools! |
Search for your answer before posting.
Thank the people that help you!
Please mark things as resolved.
L0adOpt1c is offline   Reply With Quote
Old 01-21-2013, 06:34 PM   PM User | #3
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
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
Excavator is offline   Reply With Quote
Old 01-21-2013, 07:10 PM   PM User | #4
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
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
Excavator is offline   Reply With Quote
Old 01-21-2013, 09:37 PM   PM User | #5
alliv105
New Coder

 
Join Date: Jan 2013
Posts: 14
Thanks: 0
Thanked 1 Time in 1 Post
alliv105 is an unknown quantity at this point
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.
alliv105 is offline   Reply With Quote
Reply

Bookmarks

Tags
css, login form, wordpress

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 06:06 PM.


Advertisement
Log in to turn off these ads.