background-image

IE6 background-image margin/padding/spacing issue

I'm currently designing a page with a footer split into two divs. The top div displays a background-image to separate it from the main page, and the second div contains the actual footer content. It looks like the following in all browsers: ...except IE6, where it looks like: I'm guessing it's a margin/padding issue, but I can't i...

background-image being pushed right on narrow pages

I have a background-image used to separate my page footer from the main content. It displays fine when viewed in a browser window wider than the supported min-width of the page. However, if the window is resized to be narrower the image is pushed to the right relative to the main body. How it displays in wide browser windows: How it ...

Javascript fade or crossfade background images

Hello! Is it possible to fade in / crossfade background images please? If so, how... Thank you. ...

Can you overlay a google map route on a custom background image?

What I'd like to do is overlay the route only on a custom background image. The background image is a png of olde-world style map, but I want real routes overlayed on top. The routes change quite a lot, so I don't what do have to do some photoshop work to generate maps each time a route changes. Is this possible? (also, I'd like the ...

Align background image to the left centered vertically

Title says it all. I have a background image that I would like centered vertically within an element, but aligned to the left of the element. what's the best way to accomplish this? ...

Possible IE7 Background Bug?

Hey everyone. I'm encountering something I've never really come across before in IE7. I have a wrapper div with a background image applied to it. This image is supposed to repeat all the way until the end of the wrapper div. In IE7 there seems to be a scrolling issue where if I use the scroll bar to see parts of the page that aren't ...

jquery change background image on hover

Hi. I have several divs that I want to generate css background images for. They will change on hover. Yes, I'm aware that I could easily do this in css, but it needs to be done in jquery. Code: $(document).ready(function() { $('.hoverBox').css('background', 'url(img/box' + id + '.jpg)') $('.hoverBox').hover(function(){ ...

Size the DIV to the size of the background image

Hi, I have a DIV with the following style .vplayer-container .logo { position: absolute; bottom: 50px; right: 10px; background: url(../img/logo.png) no-repeat; border: 1px solid #000000; max-width: 50px; max-height: 50px; } I want that the DIV size is the same as the background image. Since the bg image change, I want it to be ...

Google chrome a:visited background image not working

(before I start I should say yes, I have done all the stupidity checks, yes the link is in my history and has been visited etc) I'm using Chrome version 6.0.472.63, although it's important that this works on all browsers. It works on Firefox, IE and Opera. Basically all i'm trying to do is change the background image of a link if the ...

Positioning Background Images and Firefox

Hi there, I've been working on coding a personal website from scratch in my free time, and have gotten the layout mostly looking like I wanted. But for the life of me, I cannot figure out why Firefox does not align the 'dropdown menu items' ('about', 'blog', etc.) BELOW the background image into the dark grey area like it does in Safari...

How to make the background image transparent in windows mobile?

I am developing the smart device application in C#. I am new to the windows mobile. I have added the background image to the form in my application by using the following code. I want to make this image transparent so that other controls on my windows form will be displayed properly. protected override void OnPaint(PaintEventArgs e) ...

How to make label & other controls transparent with background image on windows mobile?

I am developing the smart device application in C#. I am new to the windows mobile. I have added the background image to the form in my application by using the following code. I want to make label & other controls on this form transparent so that my windows form will be displayed properly. protected override void OnPaint(PaintEventArg...

Fill SVG path element with a background-image

Is it possible to set a backgound-image for a svg path element? For instance, if I set the element's class to wall, the css style .wall {fill: red;} works, but .wall{background-image: url(wall.jpg)} does not, neither .wall {background-color: red;}. ...

background image in textarea moves in IE7 ONLY

Hey, I am having some trouble with a textarea in IE7. When there is more text than can fit in the height of the textarea, the background image moves upwards. It is 100% in all other browsers (just IE7) Here is the page; the offending textarea is the message one at the bottom. http://www.nettunes.co.za/build/contact.php the search bar ...

Background images not showing in Firefox

Hi all, I have a firefox-specific issue with this page : http://www.buzzarab.com/feedback.php It renders fine in IE, Safari, Chrome and every other browser invented by man, but in Firefox the background images do not show (The 'Feedback' link on the left and a white box around the content). Any help appreciated, I'm completely stumped...

What's the most efficient & semantic way to display icons?

Before I begin, I read this very useful question which lays out what's the pros and cons of using <img>'s and background-images. When to use IMG vs CSS After reading that, however I've been thinking about what's the most efficient & semantic way of displaying an icon. The other question contended that if there's semantic meaning to it s...

CSS background image rendering differently on iPhone

We have a page design that works great in every PC browser that I have tried, but goes strange when viewed with an iPhone or iPod Touch. The problem is something to do with a centred background image thats very tall: #content_container { background-image:url('content-background.jpg'); background-position:top center; background-repeat:...

How can I use HTML/CSS to add a background image to an email?

I've been trying to get background images working in my Email HTML and have had no luck. I'm using Outlook 2007 to test my HTML code. My method is: Create my .htm file Save it in %appdata%\Microsoft\Signatures Create a New email and set that HTM file as my signature So far, all my attempts at adding a background image have failed an...

how to set the stretch the background image with CSS

how to stretch the background images using CSS for page backgrounds and for DIV & table backgrounds... so that if the window size changes the background image size should stretch (expand / contract) accordingly.... ...

Why is my background image not displaying properly in IE7??

Screenshot of the issue: http://cl.ly/2oS3 Webpage in Question: http://cure.org Offending browser: Internet Explorer 7 You'll notice from the screenshot, or if you view this site in IE7, that the background image is not displaying for the content div (#modal-inner-content). Strangely, the image displays in the other divs where it is u...