[css-d] Weird space in list with floats
Hello, I have a hierarchical list that I would like to contain Divs with other floating divs for each list item. But I get some weird space after the div only if there are no textual elements in it. I'm just wondering why this is happening and is there a way to control this space. I have tried many things (clearing, padding, margins, heights) with no success. The wierd thing is that this effect does seem to happen outside of a list. Here is a visual example of what I am talking about: http://vinson.gracia.googlepages.com/home Any Ideas?? Thanks so much __ 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/
Re: [css-d] Interesting Firefox bug? (first-letter pseudo selector)
I knew there was a good reason for that out there. Thanks for the explanation! On 2/23/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote: Vinson Gracia (777) wrote: Totally rains on my parade... but thanks for the W3C Spec! I think the W3C is wrong on this one though. Whether or not this is the right decision for the W3C is not relevant to this list, but I can at least provide an explanation for the current way it works. Let's say you want to use :first-letter to create a drop cap (the most common usage). Let's say your paragraph starts out like this: pI can't believe it's not butter! I exclaimed as I took a bite of my toast./p When you apply the :first-letter pseudo-element (pseudo-class? always forget), you don't want the first *character* of the paragraph (the opening quotation mark) to be the drop cap. You want everything up to and *including* the first *letter* to be the drop cap (ie, you want the I to be big). If there are multiple characters before the first letter, all of them should go along for the ride. For instance: p'I can't believe it's not butter' is what Zoe said, said the man./p In this case, 'I would be the drop cap. Again, doesn't solve your problem, but hopefully makes it clear that this is actually good that it works as it does. Zoe __ 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/ __ 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/
[css-d] Interesting Firefox bug? (first-letter pseudo selector)
I searched all over for information on this bug but didn't see anything. I just entered in Bugzilla just in case. I thought I was being clever by using the first-letter pseudo selector to style my required field asterisk without any extra code but firefox rained on my parade. OK, so an asterisk is not a letter, technically, but ff is not even consistent in that regard. html head style p:first-letter{ color:red; } /style /head body ptest/p p*test/p p***test/p pnbsp;test/p /body /html __ 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/
Re: [css-d] Interesting Firefox bug? (first-letter pseudo selector)
Totally rains on my parade... but thanks for the W3C Spec! I think the W3C is wrong on this one though. I'd say at least 10^2^2 terabytes of code is being used to style the asterisks for required fields on forms around the world. I think changing this would vastly improve bandwith on the internet as a whole. :P Thanks again! On 2/21/06, L. David Baron [EMAIL PROTECTED] wrote: On Tuesday 2006-02-21 16:45 -0600, Vinson Gracia (777) wrote: I searched all over for information on this bug but didn't see anything. I just entered in Bugzilla just in case. I thought I was being clever by using the first-letter pseudo selector to style my required field asterisk without any extra code but firefox rained on my parade. OK, so an asterisk is not a letter, technically, but ff is not even consistent in that regard. http://www.w3.org/TR/CSS21/selector.html#first-letter says: # Punctuation (i.e, characters defined in Unicode [UNICODE] in the # open (Ps), close (Pe), initial (Pi). final (Pf) and other # (Po) punctuation classes), that precedes or follows the first letter # should be included The asterisk is in the Po character class, so it should be included. This means that in the examples you give, the first letter should be: ptest/p t p*test/p *t p***test/p ***t pnbsp;test/p unknown. The spec isn't clear on this one. -David -- L. David BaronURL: http://dbaron.org/ Technical Lead, Layout CSS, Mozilla Corporation __ 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/
Re: [css-d] Interesting Firefox bug? (first-letter pseudo selector)
I was checking on ff 1.5. Here's the code to test: htmlhead style p:first-letter{ color:red; } /style /head body ptest/p p*test/p p***test/p pnbsp;test/p /body /html The best solution is to use the :before pseudo selector as Mr Baron pointed out but my corp is an IE only shop. :( On 2/21/06, David Hucklesby [EMAIL PROTECTED] wrote: Vinson Gracia wrote: I thought I was being clever by using the first-letter pseudo selector to style my required field asterisk without any extra code but firefox rained on my parade. On which version of Firefox does this not work? I have an example of using :first-letter to color a heart entity - admittedly generated content, but applied *after* generating (for the sake of other browsers). Here's the example, still working on FF 1.0.5.1 - http://localhost/sandbox/hearts.html Do you have a URL we could look at? Cordially, David -- David Hucklesby, on 2/21/2006 http://www.hucklesby.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/