Re: [css-d] em units - how to test
Seems pretty unreadable to me. Fortunately, there is nothing whatsoever that you can do to force your font sizes on any visitor using a modern browser short of making he page one big image. Don't them any ideas! :-) - Keith __ 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] First element of list hiding for some reason
Wed, Feb 25, 2009 at 7:00 PM, JR Heard ewingpatria...@gmail.com wrote: Els: You are a fantastic person. Looks like that was the root cause after all - I can now see AdBrite again. I owe you a beer. -JR Something funny is going on here. I can't see it either. I swear that I have never been to your site, nor ever remember ad-blocking or even visiting a site that had that logo on it. (I can see it if I put the .png location in the address bar.) Yet, to my amazement, it is listed in red as a blocked item in AB+. - Keith __ 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 Two Levels Deep
ul liwhatever ul litabbed in 2 px or so/li lisome more/li /ul /li limore/li /ul Make sure to move that li. The li is not a direct decendent of the li. Would this work? ul li ul li { padding-left: 2px; } - Keith __ 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] Firefox Weirdness
Not showing up here. Don't see anything out of the norm. 3.0.4/Win XP Pro SP2 - Keith D. __ 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] Global Attributes?
I don't think that makes much sense. With the asterisk like that, you want the margin, text-decoration, padding, color, float, display...all blue? Blue is not a valid value for all but 1 of the preceeding. Thoroughly Confused... Keith D. On Mon, Jan 19, 2009 at 1:05 PM, johny why johny...@gmail.com wrote: who knows a way to do a 'global attribute'. for example: a { *: blue; } __ 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] Ordered and Unordered Lists
Also, going back to its HTML history, screen readers (for the handicapped) recognize the inherent 'orderliness' of a ol, over an ul. IMHO, listing the ingredients needed in a recipe need not have the same precedence as the recipe instructions. Two cents poorer, Keith D. __ css-discuss [EMAIL PROTECTED] 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 question
If you are talking about 1) redirecting the short one to the long one or 2) masking the URL to appear as the short one...No. Using PHP, if possible, modifying the htaccess with some REGEX would be a relevant search. Keith D. __ css-discuss [EMAIL PROTECTED] 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] What is the offtopic address?
So is there, or is there not, an '[EMAIL PROTECTED]' address where people can just shoot the breeze? I know that Majestic has asked this twice before and both times was directed to that static page of links to more lists. I believe I may be missing a key link in the chain...LOL. __ css-discuss [EMAIL PROTECTED] 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] What is the offtopic address?
Thanks for the clarification Jim. Keith __ css-discuss [EMAIL PROTECTED] 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] Recommended lists for Javascript, PHP, MySQL, Apache?
Oh, come on, we can't even (publicly) help people anymore! Yes, this may be classified in the strict OT rules, but Hedley has a VALID question about where to get good support/help. This isn't about politics or Rwanda. Hedley, I personally don't have any suggestions besides Google (but that only goes so far), but I hope you get more private responses than you know what to do with. I don't believe you should be slapped on the hand when you have a question, about...oh my goodness...something other than CSS. Keith D. __ css-discuss [EMAIL PROTECTED] 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] Recommended lists for Javascript, PHP, MySQL, Apache?
I will take back my hand slapping comment, but I am still of the opinion that the OP implied that they wanted sorta *personal* recommendations to other lists, not a link to a list of lists. Sorta like: I'm a member of php-x and love it. The people are very helpful and knowledgeable and the side conversations are hilarious. I'm sure the OP could have googled for such comprehensive lists, and gotten a few hits, but who wants to just join a random mailing list? Hence the OP's question. There lies the problem...!CSS=OT My point is this: I'm sure css-x, www-y, etc. have their own wiki's with recommended scripting lists where their own members post. Compile all these lists, and you, in theory have all the mailing lists possible, but how do you know which are better suited for you? But the second we start asking/saying stuff like I put in quotes above, the conversation becomes OT and frowned upon, as explicitly states in the OT rules, no *Server-side scripting (eg. JSP, ASP, PHP, Perl, SSI etc.). *Its a chicken-egg situation. Keith __ css-discuss [EMAIL PROTECTED] 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] condensing css
About 90% of the time I do the border-top:0 method, but I have found myself using the 0 1 1 1 method as well. I don't really see anything wrong with it. Maybe in the future we'll have: border:0 1px 1px 1px solid blue; __ css-discuss [EMAIL PROTECTED] 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-transform both lowercase AND capitalize?
So you want to go... WORD -- word -- WORD ?? I am drawing a blank on the whole *can't capitalize a capitalized letter*. If the letter is already capitalized, the CSS is just going to leave it alone. No? __ css-discuss [EMAIL PROTECTED] 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] Best Practices for Targeted CSS via IE Conditional Comments
OT: The JS you see is an if-statement [condition] ? [true] : [false]. It does look like a mess though. Keith D. __ css-discuss [EMAIL PROTECTED] 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] Problem with IE 7 and transparency
I would tend to agree with David on the loading part. I clicked the link right after loading this email, read the entire conversation, went to your link, and had an additional ~20 sec. wait for the beans. Probably a minute total...just for the beans :) Figured you should know, maybe something to look into. Keith D. __ css-discuss [EMAIL PROTECTED] 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] What's wrong with these links?
Correct me, if I am wrong, but I don't think *a:link:visited:hover:active* will work. I think you have to split them up: a:visited,a:hover,a:active { } Keith D. On Tue, Aug 26, 2008 at 10:54 AM, Martha Spizziri [EMAIL PROTECTED] wrote: Maybe I'm having a brain cramp, but I've looked at this page and its style sheets http://www.asbpe.org/contest/2008/win08multi.htm several times and can't figure out why 1) Unvisited links in the table show up in blue, not the brick-red color and 2) Visited links show up reversed -- white type on reddish background. Any help will be appreciated. Thanks. __ css-discuss [EMAIL PROTECTED] 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] Wondering why this happens
Bill, From what I see, you can combine the two styles because of the same name, but then you have display:inline-block and block in the same style. How can this be? Are you working around something in IE? Inline-block possibly? Thanks, Keith On Fri, Aug 22, 2008 at 7:39 AM, Bill Brown [EMAIL PROTECTED] wrote: Hi Lesley, See if this helps: #dropshadow_mid { /* repeats the middle image of the centre block */ display: inline-block; /*** ADD ***/ margin: 0; padding: 1px 0; overflow: hidden; /*** ADD ***/ background: url(800.800.middle.png) repeat-y center; } #dropshadow_mid { display: block; /*** ADD ***/ } Best, Bill __ css-discuss [EMAIL PROTECTED] 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] Wondering why this happens
Thanks Thierry! Keith D. On Fri, Aug 22, 2008 at 4:07 PM, Thierry Koblentz [EMAIL PROTECTED] wrote: -Original Message- From: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] discuss.org] On Behalf Of Keith DiSarno Sent: Friday, August 22, 2008 12:58 PM To: [EMAIL PROTECTED] Cc: [EMAIL PROTECTED]; css-d@lists.css-discuss.org Subject: Re: [css-d] Wondering why this happens Bill, From what I see, you can combine the two styles because of the same name, but then you have display:inline-block and block in the same style. How can this be? Are you working around something in IE? Inline-block possibly? afaik, the display:inline-block/display:block hack (to trigger hasLayout) works only if the two are *not* in the same block declaration. -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] 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] Testing CSS for higher screen resolutions
My answer: If you don't mind the wait, http://browsershots.org/ will give you some options and be able to actually see how it renders. My 2 cents... I am with you Lisa, I like to see how things look at different resolutions and such. Not saying the previous information was wrong at all, but some of us just aren't as versed in CSS, and don't know that we made a mistake/error just by looking at it. What was previously posted is correct, and *should* work, but I am a visual person. Ronald Reagan said Trust, but verify.. I trust that the CSS is correct, but I want to verify that it works before I release my site to the world realizing I overlooked 1 style and now look like an absolute fool. Two cents poorer, Keith D. __ css-discuss [EMAIL PROTECTED] 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] random image load
Using PHP: 1. Change extension from .css to .php 2. Place ?php header(Content-type: text/css);? as the first line with your regular .css underneath 3. For a random background put: background:url('background_? echo rand(0,10); ?.jpg'); --Keith On Fri, Aug 15, 2008 at 11:40 AM, Anthony Aziz [EMAIL PROTECTED]wrote: I don't think it's possible without scripting, whether its client- or server-side. You can use a .php script (located somewhere else, perhaps) as an img src or in a url() in the stylesheet. That .php file will have to generate the appropriate image and have a proper mime type. Read this article: http://sonspring.com/journal/easy-random-css-backgrounds Anthony Aziz http://blog.aaziz.org On Fri, Aug 15, 2008 at 11:05 AM, Peggy Coats [EMAIL PROTECTED] wrote: I'm working on a page with a background image in one of the divs (#outerWrapper #contentWrapper #content #homepic ): http://www.ambientglow.com/garage/pmsca/web/index.html My client would like to have the page randomly load a background image, instead of having a static image. Is there a way to do this with CSS? Thanks, Peg __ css-discuss [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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] WordPress Theme Question
$num = 0; for($row = 0;$row10;$row++) { do { echo picArray[$num]; if($num % 3 == 0) { echo br/; } $num++; }while($x count($picArray)) } Keith On 11/7/07, Christopher McComas [EMAIL PROTECTED] wrote: Not sure if there's anyone here that could help, I posted on their support forums, but to no avail. I've done a good bit of customizing WP themes over the years, but I'm trying to do something similar to CSSRemix.com, with some of my personal photos. The issue I'm running into is I can't seem to figure out how to alter the loop in the theme index.php to display the items in rows with 3 per row and up to 10 rows. I know how I could set them up so that they'd be in a row of 3, the issue is then having a hr / or br / after the first three to put the next three on a different line. Any tips would be greatly appreciated. __ css-discuss [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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] Left and right column auto width adjustment
Any of these help? http://css-discuss.incutio.com/?page=ThreeColumnLayouts They are straight from the lists' wiki. Keith D. On 10/8/07, Arthur Gapusan [EMAIL PROTECTED] wrote: Hi Guys, I wanted to create a 3 column layout. of course, a left, center and right column... I wanted the Center column to be at exactly 700 pixels in width and the other left and right would be automatically adjusted depending on the resolution... so if my resolution is 1024x768 my left and right column would be 162 pixels each... but if my resolution is 1280 x 1024, my left and right column would be 290 pixels each... I made this possible but I was using a javascript to get width of a client's resolution.. Can this be done using CSS alone? Thanks so much for your help. __ css-discuss [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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] Unable to position container
The first goal is to start very simple, striving for readability, usability, and cross-browser compatibility. The bells, whistles, and things that glow in the dark are put on the back burner. OT, but that is the best quote ever! Continue on... Keith D. __ css-discuss [EMAIL PROTECTED] 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] three numbers
Simple: When listing less than 4 parameters, the CSS 'engine' pulls it from the other side of the element. Sorta makes everything symmetrical. (But it always goes [top] [right] [bottom] [left]...does that make it confusing?) Keith On 10/4/07, Elias Abunassar [EMAIL PROTECTED] wrote: On 10/4/07 7:07 PM, Raumin Ray Dehghan [EMAIL PROTECTED] wrote: Colleagues, When you have three separate numbers, such as the three after the margin in the following bracket, can somebody tell me what that means? {margin:0 [1] 10px [2] 10px [3] } I'm pretty sure that when you use 3 shorthand margin values, it applies to: [1] top [2] left and right [3] bottom Hope this helps Ray. Cheers, elias Thanks, Ray Dehghan __ css-discuss [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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] Use or not to use Css to layout form components
OFFTOPIC: Zoe, Wow! I am in the middle of something similar and was doing a little poking around on this web of ours looking for some stuff, and you have hit the nail right on the head. That link was exactly what I needed to see. Thanks!!! Keith On 9/26/07, Zoe M. Gillenwater [EMAIL PROTECTED] wrote: Marcos wrote: I'm primarily a web component developer and now I'm performing two roles (developer/designer) and one doubt always remain in my mind Should I use tables to layout form components such as combos, textboxes and so on ? I think the Css approach for forms very difficult to implement for complex forms :-( Marcos, I don't think tables make sense unless you have a form where no checkboxes or radio buttons, and since I never have forms like this, I never use tables to lay out forms. Some good semantic list markup makes styling even complex forms not too difficult. This is a great tutorial describing one approach: http://www.sitepoint.com/article/fancy-form-design-css Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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] Background shorthand: Quick question
Darn me! My click is faster than my brain. Should read: If the second one is {top,center,bottom}, then aforementioned 'center' is the h-position. If the second keyword is {left,center,right}, then the aforementioned 'center' is the v-position. Sorry about the confusion, glad I caught it though. Keith On 9/18/07, Keith DiSarno [EMAIL PROTECTED] wrote: Micky: 3. TRUE or FALSE: If both values are keywords, the horizontal value *must* come first. Or is this just a matter preference and/or good coding practice? It doesn't matter which comes first because are no overlapping values in the horizontal and vertical options. If the CSS interpreter sees 'center' in the first, it will go to the second one. If the second one is {top,center,bottom}, then aforementioned 'center' is the v-position. If the second keyword is {left,center,right}, then the aforementioned 'center' is the h-position. What they were discussing was to apply some arbitrary order, just for giggles, so everyone was on the same page. Rafael decided to use the classic Cartestian plane (x,y) system as an order, which I believe everyone sees no reason not to, plus it makes sense. Answer: Order is not important and there is no set standard, so it really is just a matter of preference. Keith On 9/18/07, Micky Hulse [EMAIL PROTECTED] wrote: Hi Eric and all, Eric A. Meyer wrote: In this form, you can choose one keyword from each list of three, plus you can put the two words in any order AND you only have to pick one of the two (all that is what the '||' between the lines means). So you can validly say '5% top', but not 'top 5%'. For that matter, you can say '0 top' but not 'top 0', even though the functionally equivalent 'top left' is perfectly fine. Bonus fun fact: as with an omitted vertical value in the first value form discussed, if you only use one keyword in the second form, the missing one is assumed to be 'center'. So 'top' is equivalent to 'top center' (and 'center top'), and 'left' is equivalent to 'left center' (and 'center left'). I was in the process of writing-up some inline CSS comments for my latest project, and I wanted to clarify/confirm a couple things about background positioning: 1. TRUE or FALSE: If you use a keyword for the horizontal value, and omit the vertical, the default vertical value is assumed to be center. -- Note: The specs say 0% 0% is the initial value. http://www.w3.org/TR/2007/CR-CSS21-20070719/colors.html#propdef-background-position 2. TRUE or FALSE: For background positioning, the horizontal position must come first if one of the values is not a keyword. 3. TRUE or FALSE: If both values are keywords, the horizontal value *must* come first. Or is this just a matter preference and/or good coding practice? Sorry to resurrect an old thread... I just wanted to make sure my paraphrased comments are concise and correct. Many TIA! Cheers, Micky -- Wishlist: http://tinyurl.com/22xonb Switch: http://browsehappy.com/ BCC?: http://snipurl.com/w6f8 My: http://del.icio.us/mhulse __ css-discuss [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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] Background shorthand: Quick question
Micky: 3. TRUE or FALSE: If both values are keywords, the horizontal value *must* come first. Or is this just a matter preference and/or good coding practice? It doesn't matter which comes first because are no overlapping values in the horizontal and vertical options. If the CSS interpreter sees 'center' in the first, it will go to the second one. If the second one is {top,center,bottom}, then aforementioned 'center' is the v-position. If the second keyword is {left,center,right}, then the aforementioned 'center' is the h-position. What they were discussing was to apply some arbitrary order, just for giggles, so everyone was on the same page. Rafael decided to use the classic Cartestian plane (x,y) system as an order, which I believe everyone sees no reason not to, plus it makes sense. Answer: Order is not important and there is no set standard, so it really is just a matter of preference. Keith On 9/18/07, Micky Hulse [EMAIL PROTECTED] wrote: Hi Eric and all, Eric A. Meyer wrote: In this form, you can choose one keyword from each list of three, plus you can put the two words in any order AND you only have to pick one of the two (all that is what the '||' between the lines means). So you can validly say '5% top', but not 'top 5%'. For that matter, you can say '0 top' but not 'top 0', even though the functionally equivalent 'top left' is perfectly fine. Bonus fun fact: as with an omitted vertical value in the first value form discussed, if you only use one keyword in the second form, the missing one is assumed to be 'center'. So 'top' is equivalent to 'top center' (and 'center top'), and 'left' is equivalent to 'left center' (and 'center left'). I was in the process of writing-up some inline CSS comments for my latest project, and I wanted to clarify/confirm a couple things about background positioning: 1. TRUE or FALSE: If you use a keyword for the horizontal value, and omit the vertical, the default vertical value is assumed to be center. -- Note: The specs say 0% 0% is the initial value. http://www.w3.org/TR/2007/CR-CSS21-20070719/colors.html#propdef-background-position 2. TRUE or FALSE: For background positioning, the horizontal position must come first if one of the values is not a keyword. 3. TRUE or FALSE: If both values are keywords, the horizontal value *must* come first. Or is this just a matter preference and/or good coding practice? Sorry to resurrect an old thread... I just wanted to make sure my paraphrased comments are concise and correct. Many TIA! Cheers, Micky -- Wishlist: http://tinyurl.com/22xonb Switch: http://browsehappy.com/ BCC?: http://snipurl.com/w6f8 My: http://del.icio.us/mhulse __ css-discuss [EMAIL PROTECTED] 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 [EMAIL PROTECTED] 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/