Re: [WSG] two Safari issues

2010-04-28 Thread tee 
 

On Apr 28, 2010, at 5:27 PM, Chris F.A. Johnson wrote:
> 
>   In a Web standards group, validation is always an issue.

In a web standards group, validation is always an issue ONLY to those who are 
not able to distinguish the difference of the errors.

> 
>   If there are errors, how do you know that the browser's error
>   correction isn't causing the problem?

A good web developer who has real world practises experience and have worked on 
different CMS system to know the possible glitches and codes generated by thrid 
parties, and  who is able to distinguish what errors are needed to fix when a 
page has rendering issue, and what are not. Do you think a web developer like 
this wouldn't go through all possible cause before posting a thread for help?  

Your intention is good, but next time please give a benefit of doubt and study 
the errors as well as evaluate the markup of the page to get an idea what level 
of knowledge a developer is in markup/web design before you tell him to fix the 
markup errors.

Reminds me a joke I read, that a highway patrol went to Formula 1 racing event, 
couldn't resist to issue a speeding ticket to the racer.
> 
>   The errors are easy to fix, so why not do it?

Sure the errors are easy to fix if if I have access to the server. In this case 
it's not and FYI, the problem existed in my pristine error free copy in my 
local server.



On Apr 28, 2010, at 5:47 PM, David Laakso wrote:
> 
> I am not sure but think you may have squelched the focus ring in Mac 
> Safari/4.0.5.
> Prior to your fix the outine did not appear in the current WebKit nightly.
> And it still appears in Camino/2.0.2, Mac SeaMonket/2.0.4, and Mac 
> Firefox/3.6.3.
> I did not check the page in a PC.
> 
> Best,
> ~d
> 

Hi David,
The problem only occurs in Safari, my version is 4.0.5. 

http://picasaweb.google.com/lh/photo/1axT9f0cBACWDECQL2DgJQ?feat=directlink

To see the outline block, you need to place your mouse on the Link menu after 
the accordion menu completely loaded.

I think the "focus ring" you are refering to is another one (in the above 
screen shot, the links menu is outlined) that I am aware of and do not think 
it's a bug.

tee

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] two Safari issues

2010-04-28 Thread David Laakso 

tee wrote:






In this site, if you click on Accordion menu, in the second (last) menu, Safari 
shows a rectangular outlined block; hover to the Links' menu, you can see the 
extra outlined block. Seems to be related to hover but I can't anything in my 
code that is causing it.
http://simplissimo.com.br/blog/


  

Nobody knows?






The accordion menu uses a tabbed widget jQuery plugin which has a  to hide the default WordPress' widget title, the span tag is in the plugin's code so it's not viable to  change or remove it as it's not upgradeable-proof for end-user. 


Safari apparently treating it a block element and outlined it despite that it 
has declared display:none. Question remains: Is this a bug?

Overwrite the inline style with this does the trick.

.tw-accordion > span {display: inline!important;visibility: hidden;}

tee
  





I am not sure but think you may have squelched the focus ring in Mac 
Safari/4.0.5.

Prior to your fix the outine did not appear in the current WebKit nightly.
And it still appears in Camino/2.0.2, Mac SeaMonket/2.0.4, and Mac 
Firefox/3.6.3.

I did not check the page in a PC.

Best,
~d


--
desktop
http://chelseacreekstudio.com/
mobile
http://chelseacreekstudio.mobi/



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] two Safari issues

2010-04-28 Thread tee 
 
On Apr 28, 2010, at 3:31 PM, tee wrote:

> 
> On Apr 25, 2010, at 2:51 PM, tee wrote:
> 
>> In this site, if you click on Accordion menu, in the second (last) menu, 
>> Safari shows a rectangular outlined block; hover to the Links' menu, you can 
>> see the extra outlined block. Seems to be related to hover but I can't 
>> anything in my code that is causing it.
>> http://simplissimo.com.br/blog/
>> 
>> 
> 
> Nobody knows?
> 

Never mind. I nailed it!

The accordion menu uses a tabbed widget jQuery plugin which has a  to hide the default WordPress' widget title, the 
span tag is in the plugin's code so it's not viable to  change or remove it as 
it's not upgradeable-proof for end-user. 

Safari apparently treating it a block element and outlined it despite that it 
has declared display:none. Question remains: Is this a bug?

Overwrite the inline style with this does the trick.

.tw-accordion > span {display: inline!important;visibility: hidden;}

tee

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] two Safari issues

2010-04-28 Thread Chris F.A. Johnson 
On Wed, 28 Apr 2010, tee wrote:
> On Apr 28, 2010, at 3:38 PM, Chris F.A. Johnson wrote:
> 
> > On Wed, 28 Apr 2010, tee wrote:
> >> On Apr 25, 2010, at 2:51 PM, tee wrote:
> >> 
> >>> In this site, if you click on Accordion menu, in the second (last) menu, 
> >>> Safari shows a rectangular outlined block; hover to the Links' menu, you 
> >>> can see the extra outlined block. Seems to be related to hover but I 
> >>> can't anything in my code that is causing it.
> >>> http://simplissimo.com.br/blog/
> >> 
> >> Nobody knows?
> > 
> >   The first step is always to make sure that you are using valid
> >   HTML.
> > 
> >   
> > 
> >  
> > 
> >   Once the HTML is OK, you can look at other things.
> > 
> 
> No offend Chris! You might want to study what those validation
> errors are first and if they are related to the issue in Safari (and
> Safari only) before telling me to clean up my client's markup.

   In a Web standards group, validation is always an issue.

   If there are errors, how do you know that the browser's error
   correction isn't causing the problem?

   The errors are easy to fix, so why not do it?

-- 
   Chris F.A. Johnson, 
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] two Safari issues

2010-04-28 Thread tee 
 
On Apr 28, 2010, at 3:38 PM, Chris F.A. Johnson wrote:

> On Wed, 28 Apr 2010, tee wrote:
>> On Apr 25, 2010, at 2:51 PM, tee wrote:
>> 
>>> In this site, if you click on Accordion menu, in the second (last) menu, 
>>> Safari shows a rectangular outlined block; hover to the Links' menu, you 
>>> can see the extra outlined block. Seems to be related to hover but I can't 
>>> anything in my code that is causing it.
>>> http://simplissimo.com.br/blog/
>> 
>> Nobody knows?
> 
>   The first step is always to make sure that you are using valid
>   HTML.
> 
>   
> 
>  
> 
>   Once the HTML is OK, you can look at other things.
> 

No offend Chris! You might want to study what those validation errors are first 
and if they are related to the issue in Safari (and Safari only) before telling 
me to clean up my client's markup.  FYI, when the site (WordPress theme) 
submitted to client (which contains no client's social media profiles), it was 
prestine error free, actually to save you trouble from looking the errors,  I 
am gladly to point out that the 7 errors that trouble you so much are from this 
code:

http://feeds.feedburner.com/~fc/SimplissimoBlog?bg=99CCFF&fg=44&anim=0


I guess if I didn't create a css3support.css file and server IE a different 
style sheet, you would have asked me to clean up CSS errors such as 
"-moz-border-radius" and "zoom:1" :-)


tee




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] two Safari issues

2010-04-28 Thread Chris F.A. Johnson 
On Wed, 28 Apr 2010, tee wrote:
> On Apr 25, 2010, at 2:51 PM, tee wrote:
> 
> > In this site, if you click on Accordion menu, in the second (last) menu, 
> > Safari shows a rectangular outlined block; hover to the Links' menu, you 
> > can see the extra outlined block. Seems to be related to hover but I can't 
> > anything in my code that is causing it.
> > http://simplissimo.com.br/blog/
> 
> Nobody knows?

   The first step is always to make sure that you are using valid
   HTML.

   

 

   Once the HTML is OK, you can look at other things.

-- 
   Chris F.A. Johnson, 
   Author:
   Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress)
   Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

Re: [WSG] two Safari issues

2010-04-28 Thread tee 
 
On Apr 25, 2010, at 2:51 PM, tee wrote:

> In this site, if you click on Accordion menu, in the second (last) menu, 
> Safari shows a rectangular outlined block; hover to the Links' menu, you can 
> see the extra outlined block. Seems to be related to hover but I can't 
> anything in my code that is causing it.
> http://simplissimo.com.br/blog/
> 
> 

Nobody knows?

tee



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***

[WSG] two Safari issues

2010-04-25 Thread tee 
In this site, if you click on Accordion menu, in the second (last) menu, Safari 
shows a rectangular outlined block; hover to the Links' menu, you can see the 
extra outlined block. Seems to be related to hover but I can't anything in my 
code that is causing it.
http://simplissimo.com.br/blog/

In the same site, The Tabs are working fine (fixed version), but Safari has an 
"overflow: hidden" bug that I saw since v2 that never seemed to be fixed 
(google search revealed that this bug was fixed in v3). I have used the similar 
CSS codes for this jQuery tabs in many sites, and first time the overflow bug 
kicks in again!

http://red.lotusseedsdesign.com/blogtest/?themedemo=simplissimo

These is  the code causimg it (and is the same code I used for other sites that 
didn't triggered the bug):
#blog_sidebar .ui-tabs-panel { overflow: hidden;}


In the above simplissimo site, I removed the .ui-tabs-panel { overflow: 
hidden;} and replaced it with:
#recent-comments,
#blog_sidebar #recent-posts {clear:both; border: 1px solid 
#EAF3F7;border-bottom:3px solid #EAF3F7}

I couldn't find what I did triggered the bug.


Thanks!

tee



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***