[css-d] Vendor prefixes and validation
In response to the criticisms moved against my CSS template #1, here's my point of view on that matter: http://onwebdev.blogspot.com/2010/12/css-vendor-prefixes-and-validation.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] A greeting card with CSS: happy season's holidays
Happy season's holidays to all css-d: http://onwebdev.blogspot.com/2010/12/greeting-card-with-css.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Scaling and resizing images
Another introductory tutorial for CSS beginners: http://onwebdev.blogspot.com/2010/12/css-scaling-and-resizing-images.html Advanced CSS coders should comment pitifully. :-) HTH http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Templates 1: Outside The Box
During my work I spend a lot of time searching for CSS templates, and I'm always struck by the fact that __all__ the templates I find are non-semantical and with enormous fixed widths... I know that if you want to post something on Theme Forest you have to stick to pixels and divitis but, hey, there's a limit... I guess. So here's my first, basic test/demo: http://onwebdev.blogspot.com/2010/12/css-templates-outside-box.html comments are welcome, improvements either. criticisms are too easy with me... I'm a psycho workaholic! HTH http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Articles on CSS: contributors needed
As PIE with their guest articles, I definitely decided to get some fresh ideas from you, the members of the most important mailing list on CSS. I need some contributors for guest posts on the CSS category on my Onwebdev. But there's a problem: at the moment the only thing I can offer is visibility, no money, no cash, only a page rank up to 4 and excellent indexing speed. Here's an example of guest post: http://onwebdev.blogspot.com/2010/12/how-to-create-user-defined-function-in.html As you can see, the author of this post has written an HTML document with all its dependencies, sent it to me and I did the publishing stuff. But the author has also provided all the relevant information about himself, with all links, profiling, etc. I'm not Uncle Scrooge, and this is not about the ongoing crisis: the fact is that at the moment I get 400 $ per month, due to some restrictions that don't depend from my agency... so you got the idea. If you're interested, please contact me. As always, HTH http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ::first-word pseudo-element: a jQuery solution
Since I cannot sleep this early morning, I found a jQuery solution to the problem mentioned in the previous messages: http://onwebdev.blogspot.com/2010/12/jquery-chunkify-plugin.html ok, it's not CSS but it seems to work... or not? I dunno! :-) let me know bye http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Web development without Internet Explorer
Hi. I'm just seeking volunteers for a radical change in how we think coding in general. I respect the backward-compatibilty point of view but, nonetheless, I can't say it's Gospel. hope this would be useful for a stimulating discussion: http://onwebdev.blogspot.com/2010/12/web-development-without-internet.html the firm I work for has already embraced my ideals. hope many more will join us. HTH http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] ::first-word pseudo-element (and other pseudo-ideas)
I'm following an interesting discussion on www-style about new ideas for new pseudo-elements in CSS3. Latest entries concern the ::first- word pseudo-element. I quote the most relevant ones: -- Pierre Bertet wrote: But the ::first-letter already do this, defining a letter, wich is not very clear too. To clarify this, the CSS3 Selectors spec refers to the Unicode Standard Annex #29 [1]. This document seems very complex to me, but it also contains a “Word Boundaries” section, which seems to defines exactly that. So my questions are: This section could it not be used to clarify what a “word” is? The extensive caveats in the notes to that section of TUS Annex #29 would need to be taken into account. Word boundary identification needs to be tailored for many languages, and the basic Unicode mechanism only aims to provide 'as workable a default as possible'. Words -- and syllables, which present similar issues for selecting appropriate text elements for styling -- are units of spoken language that may or may not be easily isolated as units in written language, depending on particular writing systems as applied to particular languages. In some systems, e.g. Thai, word selection is only possible with dictionary support. So the point is that it doesn't exist a clear definition of word (in its textual representation, but, ouch, also in linguistics) and for that reason this proposal has been rejected. But there are other interesting ideas of this sort, such as: 1. nth-line() Pseudo-class. It should select the nth-line of a block. But is there a definition of line that could be accepted? 2. nth-word() Pseudo-class. See the objections above. The point is that we all have good ideas and hints on CSS, but the sad truth is that on www-style they don't pass the first reader comments. Anyway, I encourage you on following these discussions because there's always something new to learn. Good night, (my time, Rome CET) G. :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Positioning navigation menu items
This is a problem that occurs when we have two separate blocks and we want the second block appear within the first without changing our markup. here are my 2 cents on this: http://onwebdev.blogspot.com/2010/12/css-positioning-navigation-menu-items.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Image captions with generated content
Hi! this works only in Opera: http://onwebdev.blogspot.com/2010/12/css-image-captions-with-generated.html :-( HTH http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Floated images: clearing and containing
Hi! I'm worst at what I do best / and for this gift I feel blessed (Nirvana, Smells Like Teen Spirit) so here is my contribution to the topic: http://onwebdev.blogspot.com/2010/12/css-floated-images-clearing-and.html Notice that the containing class can be dynamically added via JS, or, in nuce, with a server-side language, but in this case you have to know in advance what paragraph will contain the floated image. HTH Gabriele Romanato ps. if you run a deep search through the jQuery category of my blog, you fill find some posts that explain the JS technique in details. :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Styling blog comments
Hi all! My 2 cents on the subject: http://onwebdev.blogspot.com/2010/12/css-styling-blog-comments.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Nested floats: a test
Hi! back again: http://onwebdev.blogspot.com/2010/11/css-nested-floats.html comments are welcome :-) HTH http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Printing URLs with generated content
Hi all! After 7 months, finally we can start saying : 'Look ma, no JS'! I know, I know... market shares of IE 6 still greater than 5% and IE 7 still with some sort of 11% (I don't know stats, but probably the best place is w3schools or even your stats panel of your own site). anyway, I've rewritten one of my oldest posts: http://onwebdev.blogspot.com/2010/11/css-printing-urls-with-generated.html that's all about CSS for print. I'm so proud of getting back to css-d with a post that doesn't make use of JS at all! I was so addicted to JS and jQuery that I needed to be detoxed some way... HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS prototypes
Hi. Maybe I'm reinventing the wheel but I noticed that many development teams still follow the HTML and CSS plus graphics approach. I found out that this approach is a mess. I've been there myself: http://onwebdev.blogspot.com/2010/11/css-prototypes.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Default styles for XML elements
Hi. I think that this might be useful for those five or six developers who still hope in the future of XML and CSS together. Sad to say, I switched to XSLT a long time ago, but I still hope: http://onwebdev.blogspot.com/2010/11/css-default-styles-for-xml-elements.html HTH. bye :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] XHTML or not?
Hi John. Using XHTML today's like riding a dead horse. XHTML will no longer be developed, at least in a reasonable time span. The fact is that XHTML was designed to be served as application/xhtml+xml in order to make it interact with other markup languages, such as SVG, MathML and SMIL. The problem is that IE doesn't support this mime type. The latest update from MS claims that IE9 will support it, but without checking if a document is well-formed or not. That is, MS seems to ignore even the most basic rule of XML. So, if you want my little piece of advice, start getting used to HTML5. I'm not saying that you should use all its elements, but only to take the habit of writing HTML5 documents. You'll find out that HTML5 is really like HTML4, but with a lot of improvements. bye :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] A question on CSS compression and minifcation
Thanks Chetan! :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] A question on CSS compression and minifcation
Hi all. Since the overwhelming majority of my clients own websites hosted on shared hosts, I was wondering if there's a straight way to compress CSS without taking into account the oddities of the default configuration of the web server , which varies greatly from hoster to hoster. Almost a year ago I switched to YUI Compressor for minification and it really works. Now I want to use compression on shared hosts, but I'm afraid of getting thorugh all the tests with the .htaccess file that, by the way, it's limited in some ways on a shared host. And yes, there's no way to access the infamous httpd.conf file on such hosts ! . Did you find a solution to this problem? A couple of months ago I stumbled on a PHP script that performs minifcation using the ob_ function group and includes. Nice, but what about compression? I know that I could activate the gzlib compression via PHP, but I don't know if this will succeed on a shared host. Hope you have some answer, as always. bye Gabriele Romanato :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] div id=nav VS. nav
Hi! What you're using here is not CSS3, but actually HTML5 brand new elements. The point is that browsers currently still don't use an associated default style sheet for these elements. Further, some browsers do not recognize them as HTML elements. For example, Firefox 3.6.8 doesn't support them but Firefox 4 does. So the point is: use divs for now, and later, when these new elements will be widely supported, change div=nav to nav. HTH. Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Writing efficient user style sheets
Hi! this is an often underestimated feature of CSS: http://onwebdev.blogspot.com/2010/10/css-writing-efficient-user-style-sheets.html HTH for a useful discussion. if you have tips, code, snippets, examples, please comment the post. Really appreciated. This would improve the quality of my writing. thanks! :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Alert box with CSS
Hi, this is from 2007: http://onwebdev.blogspot.com/2010/10/alert-box-with-css.html I think that's a good test on CSS system colors (which, unfortunately, have been deprecated in CSS3). HTH bye :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS3 transformations: rotate
Hi. http://onwebdev.blogspot.com/2010/10/css3-transformations-rotate.html Opera seems not to support it. In IE9's feature list there's no sign of it. :-( HTH bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS3 multiple background images
Good advice thanks! On Oct 5, 2010, at 5:52 PM, Alan Gresley wrote: Gabriele Romanato wrote: Hi, I think this post will be useful for beginners: http://onwebdev.blogspot.com/2010/10/css3-multiple-background-images.html HTH ^^/ bye Gabriele Romanato Hello Gabriele, Why not just use border radius for rounded corners. Leaves the multiple backgrounds for the something like this. http://css-class.com/test/css/backgrounds/multiple-backgrounds.htm Now supported in Gecko, WebKit, Opera 10.62 and IE9 beta. -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS3 multiple background images
Hi, I think this post will be useful for beginners: http://onwebdev.blogspot.com/2010/10/css3-multiple-background-images.html HTH ^^/ bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Table-based layouts are NOT dead
Hi fellas! The battle against tag soup and broken standards still keeps going: http://onwebdev.blogspot.com/2010/10/css-table-based-layouts-are-not-dead.html Hope this is useful for a discussion. bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Styling form elements
Hi! Hope this might be useful for beginners: http://onwebdev.blogspot.com/2010/09/css-styling-form-elements.html HTH ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Managing import rules
Hi all, here are my 2 cents on the subject: http://onwebdev.blogspot.com/2010/09/css-managing-import-rules.html HTH ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] How opposite floats work
Hi. I think that's something often underinvestigated: http://onwebdev.blogspot.com/2010/09/css-how-opposite-floats-work.html HTH Bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Some obscure details of CSS
Hi all. I hope this post will contribute to a useful discussion: http://onwebdev.blogspot.com/2010/09/some-obscure-details-of-css.html HTH. Bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Some obscure details of CSS: China-friendly version
I've been using CSS for almost six years. During this period,
sometimes I wondered about some obscure details of CSS specifications.
These details are listed below.
• LAYERING AND STACKING ORDER
When elements are absolutely positioned, it's crucial to determine how
they should be overlapped. The problem is that most browsers don't
agree on how this stacking order should be displayed. For example,
consider the following:
view plainprint?
• #container {
• position: relative;
• }
•
• #child {
• position: absolute;
• z-index: -1;
• }
In this case, this element should not be displayed, since we gave to
it a negative z-index. Unfortunately, some browsers don't consider 0
as the starting value for the stacking order, so this rule won't work
in some cases.
• CLEARING AND CONTAINING FLOATS
As developers, we all know a series of techniques for clearing and
containing floats, which includes:
• overflow:auto/hidden
• position: absolute
I mentioned only those that keep me wondering about how they actually
work. We all know that floats make vertical space collapse. However,
when the former declaration is applied to a parent element, browsers
automatically expand the available vertical space to include floats,
even when those floats have no stated height. So we should assume that
browsers automatically calculate the height of these elements and
react accordingly.
Instead, the latter declaration is even more complicated. We just
assume that the vertical space is calculated again according to the
actual height of floats, but I don't think this is a sufficient
explanation. CSS specifications don't say much about this issue. More
precisely, they don't say much about the general problem of clearing
and containing floats.
• NEGATIVE MARGINS
The question is: How negative margins affect the computation of the
overall dimensions of a containing block? By subtracting a given
length, both horizontal and vertical, what is the computed value of
the width and height of a containing block? This should be further
investigated.
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/ (English)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Normalizing CSS inline breadcrumbs menus
Hi all! A simple solution: http://onwebdev.blogspot.com/2010/08/jquery-normalizing-css-inline.html HTH ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Extending the border-collapse property to all elements
Hello. I don't know if the subject has already been discussed. Anyway, here are my 2 cents: http://onwebdev.blogspot.com/2010/08/css-extending-border-collapse-property.html HTH. Bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Supporting legacy browsers considered harmful
Hi. Here's another topic for debate: http://onwebdev.blogspot.com/2010/08/supporting-legacy-browsers-considered.html HTH ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] An image gallery with table values
Hi. Here's this new showcase: http://onwebdev.blogspot.com/2010/08/css-image-gallery-with-table-values.html HTH ^^/ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Table caption background image
Hi. Here's my 2 cents on the subject: http://onwebdev.blogspot.com/2010/08/css-table-caption-background-image.html HTH ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS3 animations considered harmful
Hi! need some responses and criticisms about my opinions expressed right here: http://onwebdev.blogspot.com/2010/08/css3-animations-considered-harmful.html HTH ^^/ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] drop shadows
Hi!
The CSS way is using text-shadow:
h1 {text-shadow: 3px 3px 3px #ccc}
Another way is using 2 wrappers:
h1spanText/span/h1
h1 span {
position: relative;
top: 3px;
left: 3px;
color: #ccc;
}
Finally, you can use image replacement and graphics:
h1 {
background: url(text.png) no-repeat 0 0;
text-indent: -1000em;
height: value;
}
HTH ^^/
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/ (English)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] A level bar graph with CSS
Hi! enjoy this demo: http://onwebdev.blogspot.com/2010/08/level-bar-graph-with-css.html HTH HTU (Hope This is Useful) ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS internationalization: transliteration
Hi! Just some notes after an useful conversation that I had this morning: http://onwebdev.blogspot.com/2010/08/css-internationalization.html HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] print stylesheet
Congrats for the website! It's beatiful. ^.^/
Coming to your question, at the moment there are no straight solutions
to your problem. To change the background, simply specify a white
background color on your print stylesheet:
head
link rel=stylesheet href=print.css type=text/css media=print /
/head
body {
background: #fff;
color: #000;
}
You can even get rid of unwanted elements:
#navigation {display: none;}
Footer is more problematic. In CSS for print you cannot use absolute
positioning to put your footer at the very bottom of your page. More
precisely, some browsers accept it but with unexpected results. So the
best thing you can do is using a fallback solution, like specifying a
certain amount of padding and margins to push the footer bottomside.
Of course you need to perform some calculations on each page. HTH ^^
Gabriele Romanato
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/ (English)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS3: the border-radius shorthand property
Hi! just a quick info on something that I found a little tricky, especially with all those browser extensions and prefixes: http://onwebdev.blogspot.com/2010/07/css3-border-radius-shorthand-property.html HTH ^^/ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS turned off: a good approach to web development
Hi! Just some new reflections on this topic: http://onwebdev.blogspot.com/2010/07/css-turned-off-good-approach-to-web.html HTH. ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Links Defaulting On Page
Hi! you should fix these errors first: line-height: 1.7em; /* correct */ you missed a ; token, so browsers will skip an entire rule. HTH bye http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] where would i find help for this?
Hi! you basically need two things to do this: CSS and JavaScript. CSS: floats to handle the alignment of the images JavaScript: to create the slideshow for JS, search for 'javascript slideshow' or 'jquery slideshow'. take a look at the source code of that page and check out what library they're currently using. HTH. :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Using CSS comments for debugging
Hi! Just a quick reflection on an useful feature of CSS comments: http://onwebdev.blogspot.com/2010/07/using-css-comments-for-debugging.html HTH ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] rss question
Hi. You have always to give the address of the RSS feed, not of your website. RSS works this way: www.site.com/rss/ btw, this message is rather OT. ^^ Gabriele http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Problems with CSS layouts: bugs and anomalies
Hi! Just some reflections to avoid confusion with CSS debugging: http://onwebdev.blogspot.com/2010/07/problems-with-css-layouts-bugs-and.html HTH. bye ^^ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] The auto value of the top property
Hi! Just a quick reminder on a technique that I find really useful sometimes: http://onwebdev.blogspot.com/2010/07/css-auto-value-of-top-property.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] id and class selectors
Kris, you should basically use cascade. For example, if you have a
structure like this:
div id=test
ul
li/li
!--more--
/ul
div
you can do this:
#test ul {}
#test ul li {}
if you want to apply particular styles to several lis, you can use
classes. On the contrary, if you want to stylize only one element, use
an ID.
HTH ^^
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/ (English)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS IDs and class selectors: details
Hi! Today's my birthday. Here's a gift for you: http://onwebdev.blogspot.com/2010/07/css-id-and-class-selectors-details.html HTH ^^/ Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS3: The :not (negation) pseudo-class
Hi! just a quick explaination here: http://onwebdev.blogspot.com/2010/07/css3-not-negation-pseudo-class.html HTH ^.^/ http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Absolute positioning and CSS tables
Hi. Just some new reflections on some past tests: http://onwebdev.blogspot.com/2010/07/absolute-positioning-and-css-tables.html HTH. Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS3: The border-opacity property (proposal)
Hi! I never take a vacation: http://onwebdev.blogspot.com/2010/07/css3-border-opacity-property.html I hope they will take this into account (seen a lot of posts on the subject, mainly about the use of RGBA values, not a property per se). :-) HTH. Hugs, Gabriele Romanato ^.^/ http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Negative text-indent: lack of details in the specs
Hi all! Just some reflections: http://onwebdev.blogspot.com/2010/07/why-negative-css-text-indent-doesnt.html we need to make more tests on this issue. HTH bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] JQuery and hasLayout
Hi all! Please don't blame me for this.. I hope you find it useful as a testing tool or procedure: http://onwebdev.blogspot.com/2010/07/jquery-object-detection-and-haslayout.html HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why scrollbars in IE7?
Bonjour Ellen, I see some italic text at the bottom of your page. Maybe this test of mine might be helpful: http://www.css-zibaldone.com/listing/cssd/italic-bug/floats-positioning.html HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Internet Explorer, hasLayout and ordered lists
Just a quick reminder on something happened to me yesterday: http://onwebdev.blogspot.com/2010/07/internet-explorer-haslayout-and-ordered.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Extreme CSS typography
Hi! Quite exaggerating this time: http://onwebdev.blogspot.com/2010/06/extreme-css-typography.html HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Test on box-shadow and border-radius
Post your notes on my blog! Really interesting! :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Test on box-shadow and border-radius
Hi all! Just finished this: http://onwebdev.blogspot.com/2010/06/test-on-css3-box-shadow-and-border.html HTH. :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Test on box-shadow and border-radius
Cool tooltips indeed! Stunning demo. thanks for sharing! :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Test on box-shadow and border-radius
You always have a different view of technical things. I think that web development would be pretty boring without your insights :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Test on CSS complex floats
Hi all! Hope that's useful: http://onwebdev.blogspot.com/2010/06/test-on-css-complex-floats.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Tests on HTML5 video and CSS
Dear all, just finished to do these: http://onwebdev.blogspot.com/2010/06/tests-on-html5-video-and-css.html HTH. bye :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Generating a multiplication table with CSS
Hi! This is an advanced demo on CSS counters: http://onwebdev.blogspot.com/2010/06/generating-multiplication-table-with.html hope you find it interesting. bye :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Generating a multiplication table with CSS
Hi Jay! thanks for the appreciation. our team is really clunky. my father says that our team looks like a bunch of old-timers retired :-D however, better stick to CSS :-D ^.^ thanks again bye :-) Gabriele http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] An image gallery with a definition list and CSS
@David Laakso Too wise, too strong :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Styling an hCard with CSS
Hi all! An hCard is a microformat specification. I've played a little bit with it: http://onwebdev.blogspot.com/2010/06/styling-hcard-with-css.html Here we don't need a 100% support to IE6, simply because this browser (but also 7 and 8), doesn't support microformats. HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Centering the text of a legend with CSS
Hi all! I'm sorry for using an extra span here: http://onwebdev.blogspot.com/2010/06/centering-text-of-legend-element-with.html do you have a better solution, fixes, workarounds? please comment here or on the post. thanks! :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] An image gallery with a definition list and CSS
Hi! If I recall correctly, this is a smart technique proposed by Ingo Chao on his website (http://www.satzansatz.de/css.html). It actually adds more semantics to the styling of an image gallery. http://onwebdev.blogspot.com/2010/06/image-gallery-with-definition-list-and.html I didn't test it in IE. Could you please write some comments? Screenshots are really appreciated. The main problem here is when you try to make more dt and dd elements appear on the same line, for example: dt dd dt dd dt dd dt dd here you have to make some nasty space calculations and rely on one of the 9 rules governing float behavior (that saying: when there's no more space available, put the float on the next line). Actually, floats inside the dl element are _contained_ but NOT cleared. Suggestions? Improvements? Let me know! :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS generated content and positioning
Thanks! Bye :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Apache directory listing with CSS
I'd like to propose the following solution to the Apache Foundation. Do you think it's a good idea? http://onwebdev.blogspot.com/2010/06/apache-directory-listing-with-css.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS generated content and positioning
I did this just to see if there have been some changes in positioning generated content (I didn't use ems, etc. etc.) but I didn't test it on IE 8. If you test it in this browser, could you please post a comment here and on my blog post? thanks! : http://onwebdev.blogspot.com/2010/06/css-generated-content-and-positioning.html HTH :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pure CSS fisheye menu with icons: a demo
Cool! Very smooth. I like it. Could you please post a comment to my post with the link of your nice demo? thanks! ps. your demo is really much more future-friendly! fantastic! :-) Gabriele http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Pure CSS fisheye menu with icons: a demo
Hi all! I'm pretty inspired this time: http://onwebdev.blogspot.com/2010/06/pure-css-fisheye-menu-with-icons.html I didn't test it in IE before publishing it, though. Well, IE has its height: 100%, but I'm not sure that a#id:hover will work... thanks for your attention! bye :-) Gabriele http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS forms : default styles
Hi all, some reflections that I think may be helpful to many of you: http://onwebdev.blogspot.com/2010/06/css-forms-tutorial-default-styles.html HTH :-) Gabriele http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Text input height and CSS font size/family
Hope these tests will be useful: http://onwebdev.blogspot.com/2010/06/text-input-height-and-css-font.html HTH :-) Gabriele :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text input height and CSS font size/family
So your tests highlight the input box adapts to font size and family?
Nope. As the title of the tests say, only their _height_. For that
reason I specified a width for the input elements. Input elements are
inline-block elements. the problem you mentioned:
label for=testTest/label
input type=text name=test id=test /
label {
font: 1em Arial, sans-serif;
vertical-align: middle;
}
input {
font: 1em Arial, sans-serif;
vertical-align: middle;
}
you can fix it with this, but it's really rare that a web developer
wants to align these elements this way, because it causes many
troubles. How do I know it? Because I've tested it:
http://www.css-zibaldone.com/test/#forms
bye
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/ (English)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS forms: default styles
Hi! Regarding my last discussion, this is something that may interest many of you: http://onwebdev.blogspot.com/2010/06/css-forms-tutorial-default-styles.html HTH :-) Gabriele http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE button issues
IE has notorious problems with pseudo-classes attached to classes. If
you want to achieve this effect:
function emulateActive() {
var inputs = document.getElementsByTagName('input');
for(var i=0; i inputs.length; i++) {
var input = inputs[i];
if(input.className == 'button') {
input.onclick = function() {
var img = 'url(button.png)';
this.style.backgroundImage = img;
this.style.backgroundPosition = '0 -30px';
}
}
}
}
Test this script with conditional comments in IE and see if it works.
let me know. bye
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/ (English)
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS visited links and generated content
Hi there! just made this test/showcase: http://onwebdev.blogspot.com/2010/06/css-visited-links-with-generated.html HTH. :-) Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS: a static standard
Hi, a personal view about one problem of CSS that I'd like to share with you for getting some feedback and (I hope) a useful discussion without preconceived ideas: http://onwebdev.blogspot.com/2010/06/css-static-standard.html bye Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Feedback needed: improving the quality of my CSS posts
Hi all, since January I started the blog that you can see in my signature. I've published almost 80 posts on CSS so far. But now I need your help, because I don't exactly know if I'm writing good posts on just junk. I need your help because you're the most skilled CSS community on the WWW. I don't receive many useful comments on my blog, except those from Alan Gresley (^.^). I know that I should be more present on this mailing list, but the sad fact is that I'm very, very busy with my work and when I go online I simply try to relax by spitting out some posts. Maybe I'm turning into an obsessive-compulsive blogaholic, but this is the way I am now. Btw, I've put up a list of my recent, useless demos at http://dev.css-zibaldone.com/demos/ list.php ... these need some feedback too. Be very sincere. Don't be afraid: you won't hurt me. thanks! Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Clearing floats with display: table: an improvement to the Easy Clearing for the new browser generation
Hi folks, since I'm again in the manic phase of my BD, I've done some tests that I've summarized in this post: http://onwebdev.blogspot.com/2010/05/clearing-css-floats-with-css-table.html I hope to get better soon. In the meantime, hope you can appreciate my efforts. ps. you can visit me in some psychiatric county hospital with a good Wi-Fi connection. :-D Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] validators tied up today?
Honestly speaking guys, I don't see the point with using the W3C CSS Validator today. If you need parsing check, it's already performed by most browsers. If you need version checking, simply stick to each style definition explained in the specs. For example, simply add profile=cssn to your validator URI to check if your styles conform to the n spec (1, 2, 3). Of course, this is NOT mandatory, because the bigon age of W3C CSS badges is over. A website should be more than simply validated to satisfy user needs: it should be usable, user- friendly and accessible. Further, it should present interesting and useful contents. That's all. A user don't care a fig if you're using 'border-radius' or '-moz-border-radius', remember that. By the way, as a W3C translator I also noticed that most W3C pages don't validate. So what? bye ;-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Notes on CSS generated content tests
Dear all, sorry for the delay but here they're: http://onwebdev.blogspot.com/2010/05/notes-on-css-generated-content-tests.html HTH Gabriele Romanato http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] ADMIN: a warning for Gmail users
Hi Eric! my account was also affected. I've already changed my password. thanks. ^^ -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS3 Please code and Explorer support
Dave, David: this is going to become obsolete with version 9 of IE, which will support most of the CSS3 Color module. bye, ps. check out on MSDN blog. On Mar 29, 2010, at 7:14 AM, David Hucklesby wrote: On 3/28/10 8:59 PM, Dave M G wrote: CSS-d, I got some code from the CSS3 Please web site: http://css3please.com/ For the box-shadow effect, it indicates that it can be used in IE 6, 7, and 8. However, when I look at it with my windows machine, which has IE8, it doesn't work. The box shadow is rendered like 2 pixel wide border on the right and bottom sides. No gradient or transparency. Those Microsoft filters only work when the element they are applied to has layout.[1] Try adding zoom: 1; to the ruleset for the filter... [1] http://www.satzansatz.de/cssd/onhavinglayout.html Cordially, David -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Another IE6 issue I don't understand
Basically, when you test something with CSS, you should always make sure that no DOM interactions are actually active, that is, you should remove all JS files from your page. Then you can start testing. Since you said that all elements have layout, I guess it's something related to element dimensions and floats. I can't see your CSS code right here in IE, but try to use this: http://www.css-zibaldone.com/code/jquery/ie6fix/ since you're familiar with JS scripting, this could help you with testing. Once you've found out what's wrong with IE, you can move the CSS declarations from the ie6fix plugin to your IE6 css file. HTH Gabriele Romanato __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7 bug with inheritance
Hi all! Please read the latest two posts on IE7 on my blog and tell me if I stumbled on something that's well-documented or not. Can you make up a static test? I used JavaScript to create spans in the following structure: ul id=navigation lia href=spanLink/span/a/li /ul Try to apply some styles to :hover: nothing happens to links, but they maintain the same styles specified before. thanks in advance. ps. the solution is to specify styles for the span elements. G. ^^ http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://onwebdev.blogspot.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Opera 10 bug with CSS counters
http://onwebdev.blogspot.com/2010/02/opera-10-bug-with-css-counters.html HTH :-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Opera 10 bug with CSS generated content
Update: http://onwebdev.blogspot.com/2010/02/opera-10-bug-with-css-generated-content.html Something is very wrong here :-D Thanks to Philippe David! http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [CSS project] jQuery CSS Parser (beta): who wish to contribute?
This is a CSS-related project announce: I've just finished the unstable, buggy, messy beta of my jQuery CSS parser: http://www.css-zibaldone.com/code/jquery/css-parser/beta/ The final version should be entirely rewritten and serve as a mean to parse a CSS file via Ajax. Is there someone of you who wish to contribute? The most difficult part of the project is the tokenizer. I found inspiration from the nsCSSScanner of Firefox (http://mxr.mozilla.org ), but JavaScript is different from C++, you know :-D Douglas Crockford wrote a good example of tokenizer in his JSON library which I know pretty well. Anyway, if you want to contribute, let me know. More sketches needed, though... thanks 4 your attention! bye ;-) G. http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Jigsaw validator
Nope. The order in this case is ignored. Even the color value is regognized as a valid CSS 2.1 color value. If all browsers apply the rule, then the validator is wrong. Token order in shorthand notation is not so fixed. Please report this problem to the validator maintainers. Maybe something in the construction of the parse tree should be reformulated. bye ;-) http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE6Fix: a jQuery pluging for helping in IE6 css debug
I know, i know: you don't like JavaScript. but this time this is all about IE6 CSS bugs: http://www.css-zibaldone.com/code/jquery/ie6fix/ I'd like to thank the hasLayout task force for the inspiration. maybe you think I'm a spammer , but I love css-d and that's why I share what I do with you. I like helping people. if you don't believe me, ignore me. instead, if you like this one, help me to make it better with bug fixing, criticisms, and hints. bye! G. http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS to break lines in IE8?
Nancy, the fact is that IE has a very limited character entities support. Take a look at www.alanwood.net/unicode . bye http://www.css-zibaldone.com http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] CSS Demo
Hi all! Back again with experimental demos with CSS: http://www.css-zibaldone.com/demo/demos.html Hope you'll enjoy it! bye ;-) Gabriele -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] CSS Tag cloud
Check it out at www.css-zibaldone.com/articles I think it might be useful. ;-) -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Why JavaScript and CSS can work well together
Eric Meyer once said: JavaScript will save us all. I started to effectively work with JavaScript almost a year ago, when I discovered the powerful features of jQuery and the DOM. I have to say that JavaScript and CSS can work well together, especially when dealing with browsers inconsistencies and automating some repetitive tasks. Did you know, for example, that with jQuery you can automatically clear floats without manually adding the infamous .clearfix class? Of course I'm talking about unobtrusive JavaScript, but you get the idea. Sometimes on this list I see people who try to fix some problems with long and tedious CSS procedures that could be easily solved with a single JavaScript statement... and in a cross-browser way! So here's a little piece of advice: don't fear JavaScript as the boogey-man! Try to discover its features, say, rediscover them, and you will see how your daily work on web sites is greatily improved. Happy New Year and best wishes, Gabriele Romanato -- http://www.css-zibaldone.com/ http://www.css-zibaldone.com/test/ (English) http://www.css-zibaldone.com/articles/ (English) http://dev.css-zibaldone.com/ (English) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
