I'm trying to make this into html but I have a feeling I have too many divs and isn't written the way it should be...
http://img716.imageshack.us/img716/3647/fixedrate.png
Codepen: http://codepen.io/anon/pen/GiKqH
Not sure this is any better: http://codepen.io/Paulie-D/pen/ixAdB
http://codepen.io/wolfcry911/pen/fAGju
@Wolfcry911.
That doesn't quite seem to be working right for me in Chrome...something up with the floats?
tweaked (and fixed a blatant error)
edit// tweaked again - should work in IE as well now
thanks guys I guess I was overthinking on how to do this... I have to fix this for IE now... :/
Improved upon @wolfcry911 's code: http://codepen.io/Merri/pen/iFbng
It now matches the image's text positioning on all modern browsers. Also IE7 and IE6 are very close, only the % is a little bit further up.
I also changed the markup a bit in an attempt to give slightly more meaningful semantics. Someone else can probably improve upon that as well :)
Thanks!!! @Merri
Thanks!! @wolfcry911 and Paulie_D
I'm trying to make this into html but I have a feeling I have too many divs and isn't written the way it should be...
http://img716.imageshack.us/img716/3647/fixedrate.png
Codepen: http://codepen.io/anon/pen/GiKqH
Not sure this is any better: http://codepen.io/Paulie-D/pen/ixAdB
http://codepen.io/wolfcry911/pen/fAGju
@Wolfcry911.
That doesn't quite seem to be working right for me in Chrome...something up with the floats?
tweaked (and fixed a blatant error)
edit// tweaked again - should work in IE as well now
thanks guys I guess I was overthinking on how to do this... I have to fix this for IE now... :/
Improved upon @wolfcry911 's code: http://codepen.io/Merri/pen/iFbng
It now matches the image's text positioning on all modern browsers. Also IE7 and IE6 are very close, only the % is a little bit further up.
I also changed the markup a bit in an attempt to give slightly more meaningful semantics. Someone else can probably improve upon that as well :)
Thanks!!! @Merri
Thanks!! @wolfcry911 and Paulie_D