Previous Message
Next Message

Re: [css-d] Practicality of CSS and forms

Sent by Liorean on 10 April 2002 15:03


At 11:38 2002-04-10 -0700, tom wrote:
>>Is that part of the standard or just something that browsers happen to 
>>do? (I'm still struglling with the terminology used by the w3 standards - 
>>they state that the width property "does not apply to non-replaced 
>>inline-level elements." but fail to explain what a non-replaced 
>>inline-level element is...)
>That is part of the standard. Floated elements must have widths.

I believe they're quite good at explaining what a replaced element is

~~~~@~~~~
CSS 1 Specs <http://www.w3.org/TR/REC-CSS1#replaced-elements>:
~~~~@~~~~
4.3    Replaced elements

A replaced element is an element which is replaced by content pointed to 
from the element. E.g., in HTML, the 'IMG' element is replaced by the image 
pointed to by the 'SRC' attribute. One can assume that replaced elements 
come with their own intrinsic dimensions. If the value of the 'width' 
property is 'auto', the intrinsic width is used as the width of the 
element. If a value other than 'auto' is specified in the style sheet, this 
value is used and the replaced element is resized accordingly (the resize 
method will depend on the media type). The 'height' property is used in the 
same manner.

Replaced elements can be either block-level or inline.
~~~~@~~~~



They also explain what an inline element is

~~~~@~~~~
CSS 2 Specs 
<http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#inline-level>
~~~~@~~~~
9.2.2 Inline-level elements and inline boxes

Inline-level elements are those elements of the source document that do not 
form new blocks of content; the content is distributed in lines (e.g., 
emphasized pieces of text within a paragraph, inline images, etc.). Several 
values of the 'display' property make an element inline: 'inline', 
'inline-table', 'compact' and 'run-in' (part of the time; see compact and 
run-in boxes). Inline-level elements generate inline boxes.

Inline boxes may participate in several formatting contexts:

     * Within a block box, an inline boxes participate in an inline 
formatting context.
     * A compact inline box is given a position in the margin of a block box.
* Marker boxes are also given positions outside of a block box.
~~~~@~~~~



And finally they explain both inline and block formatting context at

~~~~@~~~~
CSS 2 Specs 
<http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#block-formatting>
CSS 2 Specs 
<http://www.w3.org/TR/1998/REC-CSS2-19980512/visuren.html#inline-formatting>
~~~~@~~~~
(No excerpt here since those are rather long sections.)


Having a look at the specs of whatever language you're applying the CSS to 
might give a clue as well.
(I'd guess it's some dialect of HTML)



I hope that brings some clarity to the issue.
// Liorean
Previous Message
Next Message

Message thread: