Re: [WSG] :after/:before used for layout
:after generated content cannot receive some CSS properties, including 'position', 'float', list properties, and table properties. That's CSS2. Can't find that line in CSS2.1. That's possible, I quoted this from PIE thus I don't know whether it was ment as a normative restriction, or practical (implementation) restriction. Thanks for completion. -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] :after/:before used for layout
I've been playing with :after lately, although not for anything serious. I've had some problems with positioning in Gecko. :after generated content cannot receive some CSS properties, including 'position', 'float', list properties, and table properties. --- http://www.positioniseverything.net/easyclearing.html -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] :after/:before used for layout
Jan Brasna wrote: :after generated content cannot receive some CSS properties, including 'position', 'float', list properties, and table properties. That's CSS2. Can't find that line in CSS2.1. This seems to open for a bit more real use: The :before and :after pseudo-elements elements interact with other boxes, such as run-in boxes, as if they were real elements inserted just inside their associated element. -- http://www.w3.org/TR/CSS21/generate.html Firefox won't even react to 'margin', as exemplified by W3C (CSS21), while Opera, Safari, and even iCab, are doing fine with simple 'margin' and absolute positioning. Only Opera seems to be able to handle 'positioned :hover:after'. So, what are we supposed to be able to do with these pseudo-elements in the future? Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] :after/:before used for layout
On 12 Oct 2005, at 8:48 am, Gunlaug Sørtun wrote: Jan Brasna wrote: :after generated content cannot receive some CSS properties, including 'position', 'float', list properties, and table properties. That's CSS2. Can't find that line in CSS2.1. All those properties are perfectly fine in CSS 2.1. Unfortunately, those are not yet supported in Gecko browsers https://bugzilla.mozilla.org/show_bug.cgi?id=238072 [...] Firefox won't even react to 'margin', as exemplified by W3C (CSS21), while Opera, Safari, and even iCab, are doing fine with simple 'margin' and absolute positioning. Only Opera seems to be able to handle 'positioned :hover:after'. ?? margin seems to work perfectly fine here. Both on Firefox 1.6a1 nightly trunk build and Firefox 1.5beta 2 http:dev.l-c-n.com/_temp/after.php (the word blah in a grey box after each paragraph, and the word 'the End' as body:after) Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] :after/:before used for layout
Philippe Wittenbergh wrote: ?? margin seems to work perfectly fine here. Both on Firefox 1.6a1 nightly trunk build and Firefox 1.5beta 2 http:dev.l-c-n.com/_temp/after.php (the word blah in a grey box after each paragraph, and the word 'the End' as body:after) Working at my end too - once I got my gray cells cranked up. - FF need 'display: block' since it doesn't get 'block' through 'AP'. Now, how do one add an empty 'alt-attr' to an image introduced as 'content'. The reason for asking is that Opera show image when images are off and during slow loading, and that's not quite good enough. Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] :after/:before used for layout
On 12 Oct 2005, at 1:00 pm, Gunlaug Sørtun wrote: Philippe Wittenbergh wrote: ?? margin seems to work perfectly fine here. Both on Firefox 1.6a1 nightly trunk build and Firefox 1.5beta 2 http:dev.l-c-n.com/_temp/after.php (the word blah in a grey box after each paragraph, and the word 'the End' as body:after) Working at my end too - once I got my gray cells cranked up. - FF need 'display: block' since it doesn't get 'block' through 'AP'. It works with inline elements as well :-); but vertical margins won't affect the flow. Now, how do one add an empty 'alt-attr' to an image introduced as 'content'. The reason for asking is that Opera show image when images are off and during slow loading, and that's not quite good enough. I don't think it is possible with the current CSS 2.1 syntax. IIRC, there has been some discussion about this on www-style, without any conclusion so far. More like a 'feature request'. Probably something for CSS 3. Philippe --- Philippe Wittenbergh http://emps.l-c-n.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] :after/:before used for layout
Zach Inglis wrote: I wanted to know your opinion on my post http://www.zachinglis.com/ websites/website/before-sliding-doors/. Interesting. I've been playing with :after lately, although not for anything serious. I've had some problems with positioning in Gecko. Opera is doing fine. Would be nice to see how things turn out at your end. My little 'game' is at http://www.gunlaug.no/contents/molly_1_06.html (just hover down the line of 'dead herrings'.) Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **