Re: [WSG] media queries can't understand body tag
My name is Ted Knoy and I have been receiving your company's e-mail for some time. I assume that this is confidential company information so I don't understand why I have been receiving your e-mail for nearly two months now. You should report this to Google or change your e-mail settings. On Thu, Sep 29, 2011 at 11:50 AM, tee weblis...@gmail.com wrote: Hi Hassan, Thank you for your patient. I did figure it after my post, from xcode's web inspector, a feature I never used before until today. From the this inspector I could see the difference from the one from Safari. Some people are kind and patience by nature (you), some never afraid to show his stupidity and ignorance publicly (I'm talking about myself), and some are snarky by nature, which is David :-) Luckily the world is big enough to for everyone. Tee On Sep 28, 2011, at 5:27 PM, Hassan Schroeder wrote: but I have never seen an article that tells how you can test what elements get loaded in the mobile Safari Maybe the third time's the charm -- Set up your test page and access it from your iOS device while *watching the server log*. Did the device request the image in question or not? Is there something confusing or ambiguous about that? -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] A very strange webkit bug, or Firefox?
Please go to these pages from Webkit browsers (first) and Firefox. There shouldn't have padding top for the image for We Recommend, padding top is caused by the padding-left:13px; – any value will trigger the padding in the EVEN set of the floated block in Webkit browsers [1]. a[href^=http]{background: url(icon-external.png) no-repeat right 3px;padding-left:13px;} http://jsbin.com/ozeqon [1] If you change padding-left to padding-top or padding-bottom, the extra padding goes away. In these two examples the paddings are gone. padding-top http://jsbin.com/ozeqon/3/ padding-bottom http://jsbin.com/ozeqon/5 [1] If you check the page from Firefox, you will see that all images have padding (top) above image (this is the reason for my or Firefox in the subject line), however in my origninal code I had padding-right:13px (which is why I first thought it's webkit bug - all in all wasted my 3 working days to find the cause and I assure you nobody can't imagine how upset I was when I found what caused the issue – and I think I will go jump from the bridge if anybody going to tell me the padding in the above rule isn't the issue but my other CSS codes). a[href^=http]{background: url(icon-external.png) no-repeat right 3px;padding-right:13px;} http://jsbin.com/ozeqon/4/ Let see what padding:13px does. It's identical to padding-left:13px; above. http://jsbin.com/ozeqon/6 tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] A very strange webkit bug, or Firefox?
Display:block for A element should solve your porblem. *Kristaps Ancāns* * * Senior web developer (coder) Mob.: +34 644340683 E-pasts: kristaps.anc...@gmail.com Skype: kristaps.ancans Web: fyfi.net http://www.fyfi.net, metalguide.orghttp://www.metalguide.org, motorolleri.lv On Thu, Sep 29, 2011 at 12:17, tee weblis...@gmail.com wrote: Please go to these pages from Webkit browsers (first) and Firefox. There shouldn't have padding top for the image for We Recommend, padding top is caused by the padding-left:13px; – any value will trigger the padding in the EVEN set of the floated block in Webkit browsers [1]. a[href^=http]{background: url(icon-external.png) no-repeat right 3px;padding-left:13px;} http://jsbin.com/ozeqon [1] If you change padding-left to padding-top or padding-bottom, the extra padding goes away. In these two examples the paddings are gone. padding-top http://jsbin.com/ozeqon/3/ padding-bottom http://jsbin.com/ozeqon/5 [1] If you check the page from Firefox, you will see that all images have padding (top) above image (this is the reason for my or Firefox in the subject line), however in my origninal code I had padding-right:13px (which is why I first thought it's webkit bug - all in all wasted my 3 working days to find the cause and I assure you nobody can't imagine how upset I was when I found what caused the issue – and I think I will go jump from the bridge if anybody going to tell me the padding in the above rule isn't the issue but my other CSS codes). a[href^=http]{background: url(icon-external.png) no-repeat right 3px;padding-right:13px;} http://jsbin.com/ozeqon/4/ Let see what padding:13px does. It's identical to padding-left:13px; above. http://jsbin.com/ozeqon/6 tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] A very strange webkit bug, or Firefox?
Was just about to send that! :-) Mike Flanagan CCO Telford Computer Doctor http://www.telfordpc.co.uk i...@telfordpc.co.uk mailto:i...@telfordpc.co.uk 0800 058 8914 Telford Computer Doctor accepts no liability for the content of this email, or for the consequences of any actions taken on the basis of the information provided, unless that information is subsequently confirmed in writing. Any views or opinions presented in this email are solely those of the author and do not necessarily represent those of Telford Computer Doctor. WARNING: Computer viruses can be transmitted via email. The recipient should check this email and any attachments for the presence of viruses. Telford Computer Doctor accepts no liability for any damage caused by any virus transmitted by this email. On 29/09/2011 11:26, Kristaps Ancāns wrote: Display:block for A element should solve your porblem. *Kristaps Ancāns* * * Senior web developer (coder) Mob.: +34 644340683 E-pasts: kristaps.anc...@gmail.com mailto:kristaps.anc...@gmail.com Skype: kristaps.ancans Web: fyfi.net http://www.fyfi.net, metalguide.org http://www.metalguide.org, motorolleri.lv http://motorolleri.lv On Thu, Sep 29, 2011 at 12:17, tee weblis...@gmail.com mailto:weblis...@gmail.com wrote: Please go to these pages from Webkit browsers (first) and Firefox. There shouldn't have padding top for the image for We Recommend, padding top is caused by the padding-left:13px; – any value will trigger the padding in the EVEN set of the floated block in Webkit browsers [1]. a[href^=http]{background: url(icon-external.png) no-repeat right 3px;padding-left:13px;} http://jsbin.com/ozeqon [1] If you change padding-left to padding-top or padding-bottom, the extra padding goes away. In these two examples the paddings are gone. padding-top http://jsbin.com/ozeqon/3/ padding-bottom http://jsbin.com/ozeqon/5 [1] If you check the page from Firefox, you will see that all images have padding (top) above image (this is the reason for my or Firefox in the subject line), however in my origninal code I had padding-right:13px (which is why I first thought it's webkit bug - all in all wasted my 3 working days to find the cause and I assure you nobody can't imagine how upset I was when I found what caused the issue – and I think I will go jump from the bridge if anybody going to tell me the padding in the above rule isn't the issue but my other CSS codes). a[href^=http]{background: url(icon-external.png) no-repeat right 3px;padding-right:13px;} http://jsbin.com/ozeqon/4/ Let see what padding:13px does. It's identical to padding-left:13px; above. http://jsbin.com/ozeqon/6 tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org mailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] A very strange webkit bug, or Firefox?
On 29/09/2011 11:26, Kristaps Ancāns wrote: Display:block for A element should solve your porblem. Thank you! Can't believe it! I swear that was the first thing I did when I saw that padding in Webkit browsers. Checked my style again and found this: .grid-items li a img {display:block;} Still, anybody know why the padding in that rule results different rendering in Webkit, and only occure in even set of block? tee On 29/09/2011 11:26, Kristaps Ancāns wrote: Display:block for A element should solve your porblem. Kristaps Ancāns Senior web developer (coder) Mob.: +34 644340683 E-pasts: kristaps.anc...@gmail.com Skype: kristaps.ancans Web: fyfi.net, metalguide.org, motorolleri.lv On Thu, Sep 29, 2011 at 12:17, tee weblis...@gmail.com wrote: Please go to these pages from Webkit browsers (first) and Firefox. There shouldn't have padding top for the image for We Recommend, padding top is caused by the padding-left:13px; – any value will trigger the padding in the EVEN set of the floated block in Webkit browsers [1]. a[href^=http]{background: url(icon-external.png) no-repeat right 3px;padding-left:13px;} http://jsbin.com/ozeqon [1] If you change padding-left to padding-top or padding-bottom, the extra padding goes away. In these two examples the paddings are gone. padding-top http://jsbin.com/ozeqon/3/ padding-bottom http://jsbin.com/ozeqon/5 [1] If you check the page from Firefox, you will see that all images have padding (top) above image (this is the reason for my or Firefox in the subject line), however in my origninal code I had padding-right:13px (which is why I first thought it's webkit bug - all in all wasted my 3 working days to find the cause and I assure you nobody can't imagine how upset I was when I found what caused the issue – and I think I will go jump from the bridge if anybody going to tell me the padding in the above rule isn't the issue but my other CSS codes). a[href^=http]{background: url(icon-external.png) no-repeat right 3px;padding-right:13px;} http://jsbin.com/ozeqon/4/ Let see what padding:13px does. It's identical to padding-left:13px; above. http://jsbin.com/ozeqon/6 tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
Unsubscribe link is in the footer. Sent from my iPhone On Sep 29, 2011, at 2:46 AM, Teddy Knoy tedk...@gmail.com wrote: My name is Ted Knoy and I have been receiving your company's e-mail for some time. I assume that this is confidential company information so I don't understand why I have been receiving your e-mail for nearly two months now. You should report this to Google or change your e-mail settings. On Thu, Sep 29, 2011 at 11:50 AM, tee weblis...@gmail.com wrote: Hi Hassan, Thank you for your patient. I did figure it after my post, from xcode's web inspector, a feature I never used before until today. From the this inspector I could see the difference from the one from Safari. Some people are kind and patience by nature (you), some never afraid to show his stupidity and ignorance publicly (I'm talking about myself), and some are snarky by nature, which is David :-) Luckily the world is big enough to for everyone. Tee On Sep 28, 2011, at 5:27 PM, Hassan Schroeder wrote: but I have never seen an article that tells how you can test what elements get loaded in the mobile Safari Maybe the third time's the charm -- Set up your test page and access it from your iOS device while *watching the server log*. Did the device request the image in question or not? Is there something confusing or ambiguous about that? -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
I did figure it after my post, from xcode's web inspector, a feature I never used before until today. Tee Care to share what you found out? Thanks. ~d -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Out of Office AutoReply: WSG Digest
I am on annual leave and will be back on Tuesday 4 October 2011. For MSI/MSIS enquiries please contact: Papinder Hamid (x77756) e: papinder.ha...@macquarie.com For MIM enquiries please contact: Sophia Rahmani (x72060) e: sophia.rahm...@macquarie.com Notice: The information contained in this email is confidential. If you are not the intended recipient, you may not disclose or use the information in this email in any way. If you received it in error, please tell us immediately by return email and delete the document. Macquarie does not guarantee the integrity of any emails or attached files and is not responsible for any changes made to them by any other person. Macquarie does not warrant or guarantee that information contained in any email or attached file is free of viruses, worms, trojan horses or anything else having contaminating or destructive properties and has not been intercepted and interfered with during transmission. It is your sole responsibility to protect yourself against such risk and, by opening any email or attached file you agree to assume all risks associated with electronic data transmission. Electronic communications carried within the Macquarie system may be monitored. Macquarie Funds Group services are provided by Macquarie Bank Limited ABN 46 008 583 542 or one of its related entities. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
If you have SDKs, you can open Dashcode, create a page for Mobile Safari and check the resource log. There is also Browser simulator but this one for both desktop and mobile I think. Still exploring so not fully sure what I see is exactly correct. Trying to figure all these another question has arisen. Take iPad for example which supports portrait and landscape, so if I have two separate images target for the two, doesn't it load two images? Say, I first view a page from landscape and this loads the image from it media query, then I switch to portrait, it loads the image from its media query, when it does, the one from landscape has already been loaded so it won't just magically gone when I am still at the portrait right? If I'm driving anybody crazy, some comfort for you: I am alredy driving myself crazy, so you are just offloading the craziness from me. The craziness you thought from my question isn't from my question actually. tee On Sep 29, 2011, at 9:37 AM, David Laakso wrote: I did figure it after my post, from xcode's web inspector, a feature I never used before until today. Tee Care to share what you found out? Thanks. ~d *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
I would just add orientation to your queries and show/hide the right one with the orientation change. Sent from my iPhone On Sep 29, 2011, at 5:28 PM, tee weblis...@gmail.com wrote: If you have SDKs, you can open Dashcode, create a page for Mobile Safari and check the resource log. There is also Browser simulator but this one for both desktop and mobile I think. Still exploring so not fully sure what I see is exactly correct. Trying to figure all these another question has arisen. Take iPad for example which supports portrait and landscape, so if I have two separate images target for the two, doesn't it load two images? Say, I first view a page from landscape and this loads the image from it media query, then I switch to portrait, it loads the image from its media query, when it does, the one from landscape has already been loaded so it won't just magically gone when I am still at the portrait right? If I'm driving anybody crazy, some comfort for you: I am alredy driving myself crazy, so you are just offloading the craziness from me. The craziness you thought from my question isn't from my question actually. tee On Sep 29, 2011, at 9:37 AM, David Laakso wrote: I did figure it after my post, from xcode's web inspector, a feature I never used before until today. Tee Care to share what you found out? Thanks. ~d *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] media queries can't understand body tag
On 9/29/11 5:28 PM, tee wrote: Trying to figure all these another question has arisen. Take iPad for example which supports portrait and landscape, so if I have two separate images target for the two, doesn't it load two images? Say, I first view a page from landscape and this loads the image from it media query, then I switch to portrait, it loads the image from its media query, when it does, the one from landscape has already been loaded so it won't just magically gone when I am still at the portrait right? tee Keep it simple. Granted, this is far easier said than done, and god knows I am not good at it, either. But when push comes to shove, any site that requires anything beyond basic readability and functionality for its success [such as a decorative background image] -- regardless of whether it is viewed on desktop, laptop, tablet, or mobile -- is in deep trouble. Best, ~d -- Desktop. Laptop. Tablet. Mobile! http://chelseacreekstudio.com/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***