You should create one image with a width of 50px and a height of 24px where you have both the play part and the stop part. Then you just ajust the background position like this: button { background-image: url(/images/small_buttons. Png); bacground-repeat: no-repeat; width: 25px; height: 24px; display: block; } .
Play_button { background-position: left top; } . Stop_button { background-position: right top; } Then you load "both images" at the same time, and no delay will happen when you change which part of the image gets displayed Note that I have made a new CSS class so that you don't need to repeat your CSS for different buttons. You now need to apply two classes on your element.
Example: div class="button play_button".
You should create one image with a width of 50px and a height of 24px where you have both the play part and the stop part. Then you just ajust the background position like this: . Button { background-image: url(/images/small_buttons.
Png); bacground-repeat: no-repeat; width: 25px; height: 24px; display: block; } . Play_button { background-position: left top; } . Stop_button { background-position: right top; } Then you load "both images" at the same time, and no delay will happen when you change which part of the image gets displayed.
Note that I have made a new CSS class so that you don't need to repeat your CSS for different buttons. You now need to apply two classes on your element. Example.
Sounds like a good idea, I'll try that – marcgg Apr 22 '09 at 19:13 Ok I tried and the code is cleaner thanks to that.. and it now works in IE7 \o/. But I still have the same issue of disappearing background. Shaking the mouse bring it back ^^ – marcgg Apr 22 '09 at 19:25.
You need to use setAttribute in your two funcitons. Try this out: link. SetAttribute((document.
All? "className" : "class"), "play_button"); link. SetAttribute((document.
All? "className" : "class"), "stop_button").
I just tried, it's not working – marcgg Apr 22 '09 at 19:09 FWIW, davidjrush. Com/blog/2009/05/… mentions that IE occasionally decides not to execute setAttribute( "class", value ) correctly, so it may be necessary to call setAttribute( "className", value ) as well.(So four lines of code here instead of two. ) – Dave DuPlantis Oct 5 '09 at 14:30.
Without seeing the exact markup, it's difficult to say, but the disappearing background image issue in IE is probably solved by adding a position: relative; declaration to the . Button class and/or to its parent div.
I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.