Jump to content


Photo

Callout area background clipped


  • Please log in to reply
5 replies to this topic

#1 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 06 May 2012 - 12:52 PM

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.

#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 06 May 2012 - 03:53 PM

 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"

#3 WebIT

WebIT

    Super Member

  • Members
  • 232 posts
  • LocationCape Cod
  • Country: Country Flag

Posted 07 May 2012 - 01:45 PM

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

#4 Henry Perkins

Henry Perkins

    Friendly Contributor

  • Members
  • 197 posts
  • LocationAustin, TX
  • Framework Version:2.4.4
  • Country: Country Flag

Posted 07 May 2012 - 02:59 PM

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.

#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 08 May 2012 - 05:27 PM

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

This is the correct code.

#6 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 08 May 2012 - 05:29 PM

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