[css-d] Chrome and css
Good afternoon list, Now that Chrome left the beta stage (http://googleblog.blogspot.com/2008/12/google-chrome-beta.html) i guess we have 1 more beast to tame. At the moment i'm installing it but i was wondering if any one here is already using it and if so, what major css glitches does it have, i.o.w. does it have some IE6 like standard bugs and workarounds? If it's considered OT, replies can be sent off-list :-) -- Best regards, Luc Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Be the change that you want to see in the world. (Mohandas Gandhi) __ 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] Chrome and css
On Dec 20, 2008, at 9:29 AM, Luc wrote: Good afternoon list, Now that Chrome left the beta stage (http://googleblog.blogspot.com/2008/12/google-chrome-beta.html) i guess we have 1 more beast to tame. At the moment i'm installing it but i was wondering if any one here is already using it and if so, what major css glitches does it have, i.o.w. does it have some IE6 like standard bugs and workarounds? If it's considered OT, replies can be sent off-list :-) -- Best regards, Luc Yes see my post Subject = adjacent sibling issue with radio buttons Barrett __ 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] Chrome and css
On 20/12/08 14:29, Luc wrote: Now that Chrome left the beta stage (http://googleblog.blogspot.com/2008/12/google-chrome-beta.html) i guess we have 1 more beast to tame. At the moment i'm installing it but i was wondering if any one here is already using it and if so, what major css glitches does it have, i.o.w. does it have some IE6 like standard bugs and workarounds? Its CSS engine is WebKit like Safari, so if you've already tested in Safari (which has a significantly larger user base), things shouldn't be too bad. It's the JS engine and UI in Chrome which are novelties. -- Benjamin Hawkes-Lewis __ 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] Chrome and css
Good afternoon Barrett, It was foretold that on 20/12/2008 @ 09:33:49 GMT-0500 (which was 12:33:49 where I live) Barrett would write: snipped a bit Subject = adjacent sibling issue with radio buttons Reading it now :-) -- Best regards, Luc _ http://www.dzinelabs.com Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. To exercise is human; not to is divine. - Robert Orben. __ 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] Chrome and css
Luc wrote: Now that Chrome left the beta stage (http://googleblog.blogspot.com/2008/12/google-chrome-beta.html) i guess we have 1 more beast to tame. Chrome's CSS support is incomplete/buggy on a few points, but for the most part it's just another WebKit. Like for other browsers that run on common engines, it's the version-lag we have to keep an eye on. For Chrome that's not too bad yet. See the table over graphical browsers vs. rendering engines... http://www.gunlaug.no/contents/wd_additions_40.html ...and my comments around the issue. regards Georg -- http://www.gunlaug.no __ 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] Chrome and css
Good afternoon Benjamin, It was foretold that on 20/12/2008 @ 14:34:58 GMT+ (which was 12:34:58 where I live) Benjamin Hawkes-Lewis would write: Its CSS engine is WebKit like Safari, so if you've already tested in Safari (which has a significantly larger user base), things shouldn't be too bad. It's the JS engine and UI in Chrome which are novelties. I just had a play with it and using it for a project, things are looking real good. The only glitch i've found so far is that Chrome puts a small triangular shape that consists of tiny bullets in the down right corner of the textarea tag on my form. http://www.dzinelabs.com/sandbox/MP/Pages/contact.php One might even think that it's a clever styling used on the form but i assure you it's not ;-) Maybe it renders the same as in Safari but i don't use and test for Safari... -- Best regards, Luc _ Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. It's not the pace of life that concerns us, it's the sudden stop at the end. __ 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] Chrome and css
Good afternoon Gunlaug, It was foretold that on 20/12/2008 @ 16:13:45 GMT+0100 (which was 13:13:45 where I live) Gunlaug Sørtun would write: snipped a bit See the table over graphical browsers vs. rendering engines... http://www.gunlaug.no/contents/wd_additions_40.html ...and my comments around the issue. Pretty impressive table. Don't think you're mad, but quite a high number of browser developers and promoters do have lost their mind ;-) -- Best regards, Luc _ Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. There is nothing more exhilarating than to be shot at without result. - Winston Churchill (1874-1965) - British Prime Minister, writer __ 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] Chrome and css
I just had a play with it and using it for a project, things are looking real good. The only glitch i've found so far is that Chrome puts a small triangular shape that consists of tiny bullets in the down right corner of the textarea tag on my form. http://www.dzinelabs.com/sandbox/MP/Pages/contact.php One might even think that it's a clever styling used on the form but i assure you it's not ;-) Maybe it renders the same as in Safari but i don't use and test for Safari... Actually, that's the grab point for resizing the textarea. :-) Jeniffer Johnson OffLead Productions http://www.offlead.com __ 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] Chrome and css
Good afternoon J.C., It was foretold that on 20/12/2008 @ 09:44:58 GMT-0600 (which was 13:44:58 where I live) J.C. Johnson would write: Actually, that's the grab point for resizing the textarea. :-) Jeez, so it is oh man, what do they invent next :-) Right, back to the help file ;-) -- Best regards, Luc _ Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. If passion drives you, let reason hold the reigns. __ 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] Help with Drop Down Menu
If you view my top navigation and drop down menu in IE 7, it looks almost perfect. I just need help with centering the entire navigation bar. If you view it in Firefox, the drop down menu is too low on the page. When I adjust it, it throws off IE 7 and becomes too high on the page. And if you view it in IE 6, it's a mess! I would certainly appreciate any help with this. http://www.drdarvish.com/dev/index.html Thanks so much, Alix Estrada Web Studio 180 http://www.webstudio180.com www.webstudio180.com Web Design | Development | Usability __ 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] easy clearing
Anyone found a less cumbersome or more efficient way of writing the rules for it? -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] easy clearing
Good afternoon David, It was foretold that on 20/12/2008 @ 13:29:24 GMT-0500 (which was 16:29:24 where I live) David Laakso would write: Anyone found a less cumbersome or more efficient way of writing the rules for it? Don't know if that's what you're after but maybe this might be of interest to you? http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ -- Best regards, Luc _ http://www.dzinelabs.com Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. The years that a woman can shed are not lost. They are added to the age of others. __ 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] easy clearing
Luc wrote: Good afternoon David, Don't know if that's what you're after but maybe this might be of interest to you? http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/ Thanks, but I am looking specifically at the method sometimes known as easy clearing as first described here [1], and latter here [2], and here [3], and elsewhere. [1]http://lists.w3.org/Archives/Public/www-style/2002Aug/0134.html [2]http://www.positioniseverything.net/easyclearing.html [3]http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] easy clearing
David Laakso wrote: Anyone found a less cumbersome or more efficient way of writing the rules for it? What's so bad about your way? Georg -- http://www.gunlaug.no __ 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] syntax highlight inside pre possible ?
Mikael Bystrom wrote: On Fri, Dec 19, 2008 at 10:49 PM, David ker...@abbottdavid.com wrote: Is there any way to get some basic syntax highlighting with css? example with current code; http://dwabbott.com/css_pre.html David, what do you mean with basic syntax highlighting? You mean color coding or just as the example you gave? I'd write this as pre{ background-color: #DDD ; border: 1px dashed #D43D1A; padding:10px; } code { font-family: monospace; font-size: 1.1em; } as I'd like to distinguish the blocklevel pre element and the actual inline written code with the code element. The current example has the desired effects; http://dwabbott.com/css_pre.html thanks -david -- Powered by Gentoo GNU/LINUX http://www.linuxcrazy.com pgp.mit.edu __ 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] easy clearing
David Laakso wrote: Anyone found a less cumbersome or more efficient way of writing the rules for it? Georg Sortun was kind enough to provide what I was looking for (and had seen before but could not remember where). Georg wrote (sent to me off-list): :after {content: .; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden;} ...with the preferred selector in front. Mine is actually longer than the original, to safeguard against a potential bug in IE8 - IE8b1 had it. Old IE/win and IE/Mac get their own rules as part of the regular styling or in separate stylesheets, so I usually don't care about them at this point. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] easy clearing
Good evening David, It was foretold that on 20/12/2008 @ 14:31:44 GMT-0500 (which was 17:31:44 where I live) David Laakso would write: Thanks, but I am looking specifically at the method sometimes known as easy clearing as first described here [1], and latter here [2], and here [3], and elsewhere. [1]http://lists.w3.org/Archives/Public/www-style/2002Aug/0134.html [2]http://www.positioniseverything.net/easyclearing.html [3]http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/ No problem although i don't quite understand what you're after: the sitepoints' article sums up the problem as in PIE and goes over the several solutions (including the PIE one) to end with a 'simple' solution... unless ofcourse we're talking about 2 different problems :-) -- Best regards, Luc _ Using the best e-mail client: The Bat! version 4.0.18 with Windows XP (build 2600), version 5.1 Service Pack 2 and using the best browser: Opera. Draft beer, not people! __ 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] easy clearing
Luc wrote: ... the sitepoints' article sums up the problem as in PIE and goes over the several solutions (including the PIE one) to end with a 'simple' solution... Just to mention a potential problems with the overflow: auto/hidden method: It ruins layouts where one deliberately places elements over the edges of the container, as one either gets a scrollbar or the overflowing elements get cut off. That's why I don't use it much, as I quite often position elements over or completely outside the container-edges. I'd hate not being able to do that :-) One needs the whole clear-and-contain tool-box to cover all design-cases, as no single method covers them all. The easyclearing method is an excellent addition to Block formatting... http://www.w3.org/TR/CSS21/visuren.html#block-formatting ...hasLayout... http://www.satzansatz.de/cssd/onhavinglayout.html ...and solid clearers. regards Georg -- http://www.gunlaug.no __ 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 not to display the a dark color frame around a pic?
Dear All, I have this strange problem, have no idea how to solve it. http://www.europeeurope.net/index.php under the logo let's talk europe there is a green arrow, a .png file, since it is also a link, so it got the dark colored frame around it, and because of that the beautiful arrow lost its shape. Who can give me a hand? Many thanks! Paul from Slovakia Merry Christmas to every CSS fan! __ 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] How not to display the a dark color frame around a pic?
Paul Jung wrote: http://www.europeeurope.net/index.php under the logo let's talk europe there is a green arrow, a .png file, since it is also a link, so it got the dark colored frame around it, and because of that the beautiful arrow lost its shape. Paul from Slovakia ??? a img {border: none;} -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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] How not to display the a dark color frame around a pic?
WOW! You are a magician! :) THank you very much. CSS is so powerful. Paul - Original Message - From: JR Heard To: Paul Jung Sent: Saturday, December 20, 2008 11:28 PM Subject: Re: [css-d] How not to display the a dark color frame around a pic? .forumarrowicon { border:none; } On Sat, Dec 20, 2008 at 4:22 PM, Paul Jung et...@hotmail.com wrote: Dear All, I have this strange problem, have no idea how to solve it. http://www.europeeurope.net/index.php under the logo let's talk europe there is a green arrow, a .png file, since it is also a link, so it got the dark colored frame around it, and because of that the beautiful arrow lost its shape. Who can give me a hand? Many thanks! Paul from Slovakia Merry Christmas to every CSS fan! __ 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-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] center site horizontally and vertically
Dear list, I've got a site which I centered horizontally with the margin-left:auto; and margin-right: auto; declarations, but this won't work for vertical centering. Which hack would you reccomend? The template: http://passami-olio.nl/cms/fileadmin/template/template.html TIA, Thijs H __ 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] Chrome and css
Luc wrote: Now that Chrome left the beta stage (http://googleblog.blogspot.com/2008/12/google-chrome-beta.html) i guess we have 1 more beast to tame. At the moment i'm installing it but i was wondering if any one here is already using it and if so, what major css glitches does it have, i.o.w. does it have some IE6 like standard bugs and workarounds? and Maybe it renders the same as in Safari but i don't use and test for Safari... So you gonna worry about Chrome, a browser that is barely out of beta (if at all...) and is only used by a handful of geeks, but you don't test you work in Safari ? Interesting. That said, as far as I've been able to see, Chrome's CSS support is the same as Safari 3.0. The have a few glitches, but not much. The main problem is the graphical rendering layer, which is different than Safari. But that has not much to do with CSS (it does affect things like border-radius and opacity, though, it leaves some not-so-pretty artifacts). (oh, yes, it doesn't support the text-shadow property. Big deal.) Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ 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] center site horizontally and vertically
Here you go. body { font-family: Georgia, Times New Roman, Times, serif; text-align: center; position: relative; margin: 0; padding: 0; } #outer{ width: 950px; height: 600px; margin-top: -300px; margin-left: -475px; left: 50%; top: 50%; position: absolute; } /*#middle{ display: table-cell; vertical-align: middle; }*/ Barrett On Dec 20, 2008, at 6:12 PM, Thijs Hakkenberg wrote: Dear list, I've got a site which I centered horizontally with the margin- left:auto; and margin-right: auto; declarations, but this won't work for vertical centering. Which hack would you reccomend? The template: http://passami-olio.nl/cms/fileadmin/template/ template.html TIA, Thijs H __ 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-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] center site horizontally and vertically
Thijs Hakkenberg wrote: I've got a site which I centered horizontally with the margin-left:auto; and margin-right: auto; declarations, but this won't work for vertical centering. Which hack would you reccomend? The template: http://passami-olio.nl/cms/fileadmin/template/template.html TIA, Thijs H I would not recommend attempting vertical centering. For now, at least. Things will (may) change in the future. In the meantime, let go and enjoy what you got. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ 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/