On May 2, 2006, at 11:35 AM, Martin Petrov wrote: > I just discovered that the problem doesn't exist in Opera (at least in > the latest beta). > > Georg, in your example the letter is opened for styling, but I want to > place the image within a block level element in order to be xhtml > strict valid. A <div> should be ok, but a <p> is more semantically > correct :) >
Opera (and iCab) are not correct. The CSS 2.1 docs have this to say: > The :first-letter pseudo-element must select the first letter of > the first line of a block, *****if it is not preceded by any other > content***** (such as images or inline tables) on its line. <http://www.w3.org/TR/CSS21/selector.html#x52> The Selectors module has the same wording <http://www.w3.org/TR/css3-selectors/#first-letter> If you want to keep your image inside the <p>, then wrap the first- letter in a span (ugly ?!). or As Georg suggests, put the image before the <p>, wrapped in its own <p> and style that <p> as needed - margins set to 0, ... Philippe --- Philippe Wittenbergh <http://emps.l-c-n.com> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
