display:inline-table;
/* \*/display:block;/**/
This is used in some sample CSS I am using. Could someone help me understand what "inline-table" is used for, and also "/* \*/display:block;/**/"?
The W3.org site hurts my head everytime I try to figure something out there...
I think I need to use a single-cell table to vertically align a picture in div. So, I'm wondering if I just put a regular table inside the div in the HTML, or if I care about this inline-table stuff.
Thanks!
SchomerWell, display: inline-table would just render the table as an inline-level element as opposed to a block. Or at least, it should. You'd get just the same result from applying display: inline to such elements. Now, the slashes and asterisks are a "hack", or as some people prefer to call them, "filters" which allows the rule to apply in some browsers, but be ignored by others (e.g., yours is the "Commented Backslash MacIE5 CSS Hack (<!-- m --><a class="postlink" href="http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html">http://www.sam-i-am.com/work/sandbox/cs ... _hack.html</a><!-- m -->)").
As for vertically aligning the image, you don't need tables or that property for this. See <http://www.wpdfd.com/editorial/wpd0103.htm#toptip> for details.display: inline-table is only supported by Opera, at this moment
/* \*/display:block;/**/
This is used in some sample CSS I am using. Could someone help me understand what "inline-table" is used for, and also "/* \*/display:block;/**/"?
The W3.org site hurts my head everytime I try to figure something out there...
I think I need to use a single-cell table to vertically align a picture in div. So, I'm wondering if I just put a regular table inside the div in the HTML, or if I care about this inline-table stuff.
Thanks!
SchomerWell, display: inline-table would just render the table as an inline-level element as opposed to a block. Or at least, it should. You'd get just the same result from applying display: inline to such elements. Now, the slashes and asterisks are a "hack", or as some people prefer to call them, "filters" which allows the rule to apply in some browsers, but be ignored by others (e.g., yours is the "Commented Backslash MacIE5 CSS Hack (<!-- m --><a class="postlink" href="http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html">http://www.sam-i-am.com/work/sandbox/cs ... _hack.html</a><!-- m -->)").
As for vertically aligning the image, you don't need tables or that property for this. See <http://www.wpdfd.com/editorial/wpd0103.htm#toptip> for details.display: inline-table is only supported by Opera, at this moment