Jump to content
Sign in to follow this  
WebIT

Callout area background clipped

Recommended Posts

WebIT    3
WebIT

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
catrina    103
catrina
[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"

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
WebIT    3
WebIT
by commas are you referring to the double quotes? did not effect a change.

Share this post


Link to post
Share on other sites
Henry Perkins+    14
Henry Perkins
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
Rob    547
Rob
[code] background: url('images/bg-inset.jpg') repeat-x center top scroll 0 0 #DCDCDE;[/code] This is the correct code.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
Rob    547
Rob
This might help... http://www.w3schools.com/css/css_background.asp

Former PageLines Moderator, Food Expert and Raconteur

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  

×