View Single Post
  #2 (permalink)  
Old February 3rd, 2015, 03:34 PM
GuinnessShawn GuinnessShawn is offline
Registered User
Points: 6, Level: 1
Points: 6, Level: 1 Points: 6, Level: 1 Points: 6, Level: 1
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Feb 2015
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default

An <img> placed inside a container like your div has dimensions that will "stretch" that container around it by default. That's because the item is something that fits into that container.

Styling a background image falls outside of the document content and merely "paints" it into what you specify. If that div you want a background on has no content in it and has no defined area then nothing will show. Set your #est div width and height or place content into it to "stretch it" and you will see your background displays as you intend.

e.g.
#est {
margin-left:55px;
margin-top:55px;
width: 300px;
height:100px;
background-image: url(http://blabla.com/wp-content/themes/...ages/est.jpg);
background-repeat: no-repeat;
}
Reply With Quote