I’ve been editing a theme and have added a no-repeat image in the top left corner of the blog. This is fine in 1280×1024, but in 1024×768 it gets cut off a little by the text.
The image itself is called by the style.css of the page, so I was wondering if there was any way to tell what monitor resolution someone was using, then either change or scale the image as required.
Here’s the css that calls the background;
font-family: Verdana, Helvetica, sans-serif;
border-top: 3px solid #c1c1c1;
background: url(logo_bg.gif) no-repeat;
- The topic ‘Changing image size in CSS depending on monitor resolution?’ is closed to new replies.