Questions tagged [image-replacement]

59 questions
1
vote
3 answers

Errors with an image replacement

I have tried every possible combination of methods for replacing an image but have found no solution that works. I uploaded the problematic code here: http://dl.dropbox.com/u/2959730/index.html I would suggest downloading the source and trying your…
jpopesculian
  • 712
  • 3
  • 11
1
vote
1 answer

Changing picture of tool button at runtime does not work anymore

I have a tool bar and I am using the following procedure to change the color of a rectangle in one of the tool buttons. The ColorDepth of the ImageList is cl24Bit and the DrawingStyle is dsTransparent. The procedure works fine. procedure…
Rudi
  • 203
  • 2
  • 12
1
vote
1 answer

css image replacement: why the kellum method doesn't work with button elements?

I've found out that the kellum method doesn't really work with html button elements. More precisely, it works but need more text indent. To recap, this is the techniqhe: text-indent: 100%; white-space: nowrap; overflow: hidden; With button elems,…
Luca Reghellin
  • 7,426
  • 12
  • 73
  • 118
1
vote
3 answers

Is this a "valid" css image replacement technique?

I just came up with this, it seems to work in all modern browsers, I just tested it then on (IE8/compatibility, Chrome, Safari, Moz) HTML my text CSS #my_image{ …
David Meister
  • 3,941
  • 1
  • 26
  • 27
1
vote
1 answer

Is There An Equivalent Technique To Image Replacement For Use With Inline SVG

There are a wealth of techniques for implementing image replacement with background images, but I find myself using inline SVG more and more (primarily because I can manipulate its components with CSS). However in places (like links and headers)…
Undistraction
  • 42,754
  • 56
  • 195
  • 331
1
vote
1 answer

Updating Image (runat server) Src using jQuery/ASP.NET

I'm trying to update the source of an image using jQuery. The problem is that the img is running server side as its initial source is being set on load. Here is the ASPX/HTML:

Adam
  • 13
  • 1
  • 3
1
vote
1 answer

What's with all the image replacement techniques?

I just learned about image replacement, the technique(s), or rather I am just learning since I saw a mixin for it in Bootstrap. I saw it come up a few times recently, so I decided to investigate. I found this article, but I confess I don't…
Moss
  • 3,695
  • 6
  • 40
  • 60
1
vote
1 answer

How to use the HTML5 Boilerplate ir class with inline elements?

I'm using HTML5 Boilerplate css and I would like to apply the ir class to my footer menu. The menu is in a list, and I use inline-block to display this list horizontally. Here is the fiddle of the code. You can see that the image replacement works,…
Fabien Quatravaux
  • 3,737
  • 2
  • 27
  • 33
1
vote
1 answer

Why is html5 boilerplate image replacement not working here?

http://jsfiddle.net/hydroplane/r4Kn6/ I need to move that 'reblog' text out of the screen. Does anybody know why the h5bp .ir class isn't working here?
Barbara
  • 12,908
  • 6
  • 32
  • 43
1
vote
1 answer

jQuery Mobile - CSS Retina Image Replacement

I have a mobile site running with jQuery Mobile. I want to have standard images for non-retina (devices without a high pixel density) devices, but want those images replaced with retina (high pixel density) images that are 2x the size of the…
adamdehaven
  • 5,890
  • 10
  • 61
  • 84
0
votes
1 answer

Uncontrollable jumping - sIFR lagging

sIFR-replaced text shows normally, hiding regular text without issue. However, every time a page loads on the site I'm developing, the replaced text takes forever (forever in internet-time, that is) to load, and jumps vertically on the page with a…
Ashley
0
votes
8 answers

How to replace inline text with images using CSS

I'd like to replace the text ("Word 1 Word2 Word3 Word4") in the following HTML with images, using CSS. I'd like the images to appear in-line horizontally too, as the text would.

Word1 …

Prembo
  • 2,256
  • 2
  • 30
  • 50
0
votes
1 answer

CSS image replacement not working in MSIE 7 and 8

I'm having an issue using the empty span css image replacement technique in IE 7 & 8. My logo (transparent png) is missing. I'm assuming that it has something to do with the negative text-indent? Works in all other browsers flawlessly. Any help…
jmaurer
  • 3
  • 1
0
votes
1 answer

Semantic logo with H1 image-replacement ... leaves nothing to click?

I'm coding a site which has a big company logo at the top left. So I code it with the logo as the background image, the company name in an H1, and hide the H1 using image-replacement techniques. But there's no "home" link in the rest of the site's…
AmbroseChapel
  • 11,957
  • 7
  • 46
  • 68
0
votes
1 answer

Changing image src with jQuery in CodeIgniter platform

I'm having a bit of trouble changing the image source, using jQuery, in my CodeIgniter website. I'm building a custom onclick() function attached to my images (i have a list of 'checkbox' images inside a list, and when clicked I want to replace it…
Tim Blackburn
  • 1,086
  • 2
  • 11
  • 13