I’ve made a custom text box field which I store a header URL image in and output it using the img tag eg:
{header_url}I’d like to change this tag to a div and place the image as its background so for small resolutions users don’t get a horizontal scroll bar. eg:
<div id="header"></div>and for the css template I’d put:
#header {
background: {header_url}
height: ???
}The thing is each header picture has different heights which I’d like to specify but don’t know how.
Thanks!