5 replies to this topic

[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.

[catrina]

 background: url("images/bg-inset.jpg") repeat-x center-top;

^ Try changing the commas here to apostrophes instead and remove the dash between "center" and "top"

[WebIT]

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

[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.

[Rob]

 background: url('images/bg-inset.jpg') repeat-x center top scroll 0 0 #DCDCDE;

This is the correct code.

[Rob]

This might help... http://www.w3schools..._background.asp