• 0
Sign in to follow this  
Followers 0

Callout area background clipped

Question

Posted · Report post

I'm trying to get the bg to repeat behind my callout but it is still not repeating vertically. This is only a problem when my callout text is 2 lines or more.

.callout-area, .tbubble {
	    -moz-border-bottom-colors: none;
	    -moz-border-image: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    background: url("images/bg-inset.jpg") repeat-x center-top; scroll 0 0 #DCDCDE;
	    border-color: #BBBBBB #FFFFFF #FFFFFF #BBBBBB;
	    border-style: solid;
	    border-width: 1px;
	    box-shadow: 0 1px 2px #BBBBBB inset;
	}

Also tried repeat-x repeat-y to no avail.

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

[code]background: url("images/bg-inset.jpg") repeat-x center-top;[/code] ^ Try changing the commas here to apostrophes instead and remove the dash between "center" and "top"

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

by commas are you referring to the double quotes? did not effect a change.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Yes, that's it. The semi colon after center-top are telling CSS to stop looking at that line for definition, and in the background: property, the url is defined with single quotes.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

[code] background: url('images/bg-inset.jpg') repeat-x center top scroll 0 0 #DCDCDE;[/code] This is the correct code.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

This might help... http://www.w3schools.com/css/css_background.asp

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0