http://fritzthomas.com/overall/407-charts-of-when-we-can-use-features-of-html-svg-and-css3/ Sun, 18 Jul 2010 05:25:15 +0000 hourly 1 http://wordpress.org/?v=3.0 http://fritzthomas.com/overall/407-charts-of-when-we-can-use-features-of-html-svg-and-css3/comment-page-1/#comment-279 varinderpal singh Tue, 14 Jul 2009 12:56:07 +0000 http://fritzthomas.com/?p=407#comment-279 Yeah moz-border-radius not working in IE.......I am waiting for html-5.0 and css3.............. Yeah moz-border-radius not working in IE…….I am waiting for html-5.0 and css3…………..

]]> http://fritzthomas.com/overall/407-charts-of-when-we-can-use-features-of-html-svg-and-css3/comment-page-1/#comment-222 How to vertically align text and block elements | Overall | Fritz Thomas Wed, 18 Feb 2009 13:15:13 +0000 http://fritzthomas.com/?p=407#comment-222 [...] The important css declarations and attributes are “display: inline-block”, “vertical-align: middle” and “line-height: XXpx”. The line-height tells every .button block the exact height of the inline elements underneath. The inline elements .icon and .text are handled and displayed as an “inline-block”. Firefox 3 and most of the other major browsers supporting it so it is safe to use it. Read more on this. The result should look like this: I think the example is simple enough to adapt it to your needs and other use cases. Please keep in mind that in the example i use -moz-border-radius. This declaration is mozilla specific. So if you want rounded corners in IE you have to wait until IE is implementing this. Take a look when this is scheduled and follow my suggestion. [...] [...] The important css declarations and attributes are “display: inline-block”, “vertical-align: middle” and “line-height: XXpx”. The line-height tells every .button block the exact height of the inline elements underneath. The inline elements .icon and .text are handled and displayed as an “inline-block”. Firefox 3 and most of the other major browsers supporting it so it is safe to use it. Read more on this. The result should look like this: I think the example is simple enough to adapt it to your needs and other use cases. Please keep in mind that in the example i use -moz-border-radius. This declaration is mozilla specific. So if you want rounded corners in IE you have to wait until IE is implementing this. Take a look when this is scheduled and follow my suggestion. [...]

]]>