{ display: inline-block } (Re: HTML for KMail ...)

Fri Jul 19 16:24:41 BST 2002

On Friday 19 July 2002 6:22 pm, Jos van den Oever wrote:
|  On Friday 19 July 2002 16:17, Vadim Plessky wrote:
|  > To be precise and clarify:  there are *no* pre-defined tags (elements)
|  > in XML. And child element *doesn't inherit* properties of its parent. So
|  > you need to apply { display: XXX } on every element
|  >
|  > XXX can be block, inline, inline-block, marker, etc. (see CSS2 and CSS3
|  > specs)
|
|  But if you use XHTML you have a first cascading stylesheet and just write
| one for the differences.

XHTML is formally XML, but KHTML treats it as HTML, not as XML
(don't ask me why...)

To support this claim:
Some time ago, Konq was crashing on *every* XML file/site, while it could 
render most of XHTML-based sites.

|
|  > inline-block is *top* in my Wishlist.
|  > MS IE 6 / Windows and MAc IE5.x support display: inline-block
|
|  Mine too. I just submitted a bug about the lack of table-inline, which is
|  basically the same. http://bugs.kde.org/db/45/45443.html
|  It would be great for many layout features. I'd be great for
| photo-galleries. e.g.
|  http://www.fenk.wageningen-ur.nl/~oever/pll/gallery/index.html

Have you checked KDE bug system: there is a bug filed by me, asking to add 
support for display: inline-block.

See:
#33860 CSS3: { display: inline-block } (testcase)
http://bugs.kde.org/db/33/33860.html

If someone doesn't want to click on that link: I include testcase from that 
bug below
-------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
 <HTML>
 <HEAD>
 <style type="text/css">
 p { display: block; margin: 1em 0 }
 .a { display: inline-block;
 padding: 0.6em;
 font-size: 70%;
 vertical-align: middle;
 color: navy;
 background: lightgray }

.b { display: inline-block;
 padding: 0.6em;
 font-size: 70%;
 vertical-align: middle;
 color: white;
 background: blue;
 }
 .c { display: inline-block;
 padding: 0.6em;
 font-size: 70%;
 vertical-align: middle;
 color: yellow;
 background: blue;
 height: 3em }
 </style>
 </HEAD>

<BODY>
 <h3>display: inline-block</h3>
 This is sample text. After it there is an inline-block:
 
 This element 
 has two lines
 some text after inline element.
 
 <HR>
 This is sample text. After it there is an inline-block:
 
 nothing really special
 some text after inline element.
 
 <HR>
 This is sample text. After it there is an inline-block:
 
 this block has height of 3em
 some text after inline element.

</BODY>
 </HTML>

-- 

Vadim Plessky
http://kde2.newmail.ru  (English)
33 Window Decorations and 6 Widget Styles for KDE
http://kde2.newmail.ru/kde_themes.html
KDE mini-Themes
http://kde2.newmail.ru/themes/