background image query
Posted: Thu Jan 28, 2010 8:43 am
I've got a question about background image positioning.
I've got a header and an image on said header (as background-image) that I want positioned on the right. This isnt a problem, I've got it set currently to 'center right'. However I want a bit of padding between the edge of the header and the edge of the picture. And I cant seem to find a way of doing this.
I've tried putting the image within the header.php using a <img scr=" "> tag but no show. So I put it on the CSS file as part of the background. Any ideas?
This is the CSS for the header.
I've got a header and an image on said header (as background-image) that I want positioned on the right. This isnt a problem, I've got it set currently to 'center right'. However I want a bit of padding between the edge of the header and the edge of the picture. And I cant seem to find a way of doing this.
I've tried putting the image within the header.php using a <img scr=" "> tag but no show. So I put it on the CSS file as part of the background. Any ideas?
This is the CSS for the header.
Code: Select all
#header {
background: #7d7d7d;
background-image: url('images/logo.jpg');
background-repeat:no-repeat;
background-position:center right;
border-bottom: 3px double #aba;
border-left: 1px solid #9a9;
border-right: 1px solid #565;
border-top: 1px solid #9a9;
font: italic normal 230% 'Times New Roman', Times, serif;
letter-spacing: 0.2em;
margin: 0;
padding: 15px 10px 15px 60px;
height:75px;
}