Hello,
I have a banner I am trying to run across the entire page and have it get
smaller as the device gets smaller. My plan is to make a different background
image when I get down to cell phone size.
I had no problems accomplishing what I want when I was using an <img> tag, but
now that it is a background image I cannot get the image to render unless I put
an explicit height on it.
Here is my current css:
#surveylinkbar {
background-image:
url('/_resources/images/websurvey-banner4.gif') ;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}
Here is my development link:
http://www.dev.sbctc.edu/_testing/test-survey-bar-4.aspx . Greatly appreciate
any advice.
Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
afre...@sbctc.edu<mailto:afre...@sbctc.edu>
www.sbctc.edu<http://www.sbctc.edu/>
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
