Having trouble getting two different images into a custom CSS declaration. I have the following:
Code:
/* ***** ERC styling for art headings ***** */
.ercarthead {
background: #333333 url(images/gradients/erc_bighead_gradient.gif) repeat-x top left;
color: #FFFFFF;
font: bold 32px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-transform: uppercase;
padding: 0px 0px 1px 4px; }
which works nicely and shows my gradient, however I am looking to place another image in the same background declaration like this (but it fails to show)...
Code:
/* ***** ERC styling for art headings ***** */
.ercarthead {
background: #333333 url(images/gradients/erc_bighead_gradient.gif) repeat-x top left, url(images/gradients/erc_subhead_o.gif) no-repeat top right;
color: #FFFFFF;
font: bold 32px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-transform: uppercase;
padding: 0px 0px 1px 4px; }
what am i doing wrong? hopefully someone out there can tell me?
07-07-2006, 11:13 PM
CSS background: trouble
Threaded Mode