Re: [WSG] opera bug on hover, and the use of margins and left/right on absolute position

[Gunlaug Sørtun]

Tee G. Peng wrote:
I have a concern regarding accessibility on this technique, if 
show/hide result isn't so much of a concern,would 'title' attribute a
 better choice?  Because, if style sheet is disable or pag viewed in 
Lynx Viewer, content in the span class is revealed. But we don't 
always want this.


My opinion is: if you don't want something to show up in a non-CSS
browser, don't put that "something" in the document in the first place.

An HTML document should (ideally at least) make perfect sense in a
non-css, text-only, browser - like Lynx. Only when that is assured
should styles, and/or anything else for that matter, be added to perfect
the design.

Problems with pop-ups that don't make sense in browsers like Lynx, can
usually be solved by adding more text to complete the message delivered
in the pop-up itself, and keep this extra text hidden in CSS capable
browsers. This way one can deliver meaningful messages on all levels.

regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] opera bug on hover, and the use of margins and left/right on absolute position

[Gunlaug Sørtun]

Tee G. Peng wrote:
Opera 9.02 has a problem with :hover span, part of the  popup box 
overlapping the link element's background on hover. When link is 
clicked,  the popup box shows up fine.


In my experience: Opera only reliably reveals a pop-up element from
inside a link, if the link itself is turned into a block-element.
Example: 

I seem to remember that there is another fix for this - one that works
fine for inline-links, but can't remember where I noted down the solution.

Also,  can someone explains the use of margins over  left/right [3] 
units with absolute position.


1: absolute positioned elements should be given actual horizontal
(left/right) and vertical (top/bottom) positions, to avoid differences
in defaults between browsers.

2: Offsetting an absolute positioned element from its 'px' or percentage
defined position by for example 10em in any direction, can only be done
by adding positive, or negative, margins to the mix. Works well with all
units / unit-mixes.

regards
Georg
--
http://www.gunlaug.no


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] opera bug on hover, and the use of margins and left/right on absolute position

[Tee G. Peng]

Forgot to ask another question about tooltips (using hover span  
technique) Vs title attribute


I have a concern regarding accessibility on this technique, if
show/hide result isn't so much of a concern,would 'title' attribute a  
better choice?  Because, if style sheet is disable or pag viewed in  
Lynx Viewer, content in the span class is revealed. But we don't  
always want this.


tee


On Sep 22, 2007, at 6:21 AM, Tee G. Peng wrote:

Got an impression that  Patrick and George are experts of Opera  
browser :) Can you guys take a look on this?


Al, I reckon you have no problem that I bring this question here.

It came from a question someone asked on other list and Al from  
PVll gave a tips that I found can be improved a bit for browser  
compatibility, because on so many occasions, I found that using  
margins instead of left/right to manipulate position in an absolute  
position gets consistent result in browsers (except IE 6 and below,  
but that can easily solve) .




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

[WSG] opera bug on hover, and the use of margins and left/right on absolute position

[Tee G. Peng]

Got an impression that  Patrick and George are experts of Opera  
browser :) Can you guys take a look on this?


Al, I reckon you have no problem that I bring this question here.

It came from a question someone asked on other list and Al from PVll  
gave a tips that I found can be improved a bit for browser  
compatibility, because on so many occasions, I found that using  
margins instead of left/right to manipulate position in an absolute  
position gets consistent result in browsers (except IE 6 and below,  
but that can easily solve) .


[1] http://www.projectseven.com/csslab/parlor-tricks/tooltip/
a.tooltip:hover span {
display:block;
position:absolute;
top:0em;
left:100%;
width:15em;

}

the result in Safari and Opera
http://tinyurl.com/2ggkpf (doesn't work properly for opera 9.5 alpha  
and Opera 9.02)

http://tinyurl.com/24f2hm


Opera 9.02 has a problem with :hover span, part of the  popup box
overlapping the link element's background on hover. When link is
clicked,  the popup box shows up fine.


[2] my version: http://tinyurl.com/25beyt

a.tooltip:hover span {
display:block;
position:absolute;
top:0;  left:0; 
margin-left: 5em;

}

http://tinyurl.com/27wvmw (work for Opera 9.5 alpha without clicking
the link element; still doesn't work for Opera 9.02)
http://tinyurl.com/2z3gwn

I noticed this problem before Opera 9.5 alpha came out, but didn't  
bother to seek for answer/solution because very rarely I need to use  
#2 on client's project. Now that knowing it does work for Opera 9.5  
alpha, guess it's good to find out what causes the problem in #1.  
Also,  can someone explains the use of margins over  left/right [3]  
units with absolute position. I don't think I ever read anything from  
all those known CSS gurus (including you :) ) about the benefit on  
using margins or left/right elements when absolute positioning comes  
to play.



[3] top or bottom doesn't seem affect anything but quite needed; at  
least in many occasions when I use an absolute position, I always  
need to declare a unit in top or bottom with 'zero' unit in left or  
right, then in combination with margin (left or right) to get it  
works properly.


tee





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] Opera bug?

[Luc]

Hello Chris,
  
It was foretold that on 2-2-2004 @ 12:55:01 GMT+1100 (which was
2:55:01 where I live) Chris Stratford would mumble:
  


CS> When I use anchors like that I use::
  
 Yeah, that's the traditional way i know, but in this case using CSS i
 noticed that it works in most browsers except Opera so i thought if
 it was a bug or something else :-)
 
-- 
Best regards,
 Luc
_

http://www.dzinelabs.com

Powered by The Bat! version 1.63 Beta/7 with Windows 2000 (build
2195), version 5.0 Service Pack 4 and using the best browser: Opera.

"I’m all for bringing back the birch, but only between consenting
adults." - Gore Vidal (1925) - US author

*
The discussion list for http://webstandardsgroup.org/
*

RE: [WSG] Opera bug?

[Chris Stratford]

When I use anchors like that I use::




then to jump there, I use:

TOP

:)

hope that helps...

-
Chris Stratford
[EMAIL PROTECTED]
www.neester.com
-


-Original Message-
From: Luc [mailto:[EMAIL PROTECTED] 
Sent: Monday, February 02, 2004 11:52 AM
To: James Silva on wsg
Subject: Re: [WSG] Opera bug?


Hello James,
  
It was foretold that on 2-2-2004 @ 11:29:23 GMT+1100 (which was
1:29:23 where I live) James Silva would mumble:
  


JS> Are  you  using the generic "#top" or are you pointing the link to
JS> an actual named anchor?

It points at #mnhd wich is the ID for the first heading in the page:

Welcome

the pointing: 

Sorry if i can't provide an online example :-(

-- 
Best regards,
 Luc
_

http://www.dzinelabs.com

Powered by The Bat! version 1.63 Beta/7 with Windows 2000 (build
2195), version 5.0 Service Pack 4 and using the best browser: Opera.

"So you're a feminist...Isn't that cute."

*
The discussion list for http://webstandardsgroup.org/
* 



*
The discussion list for http://webstandardsgroup.org/
* 

Re: [WSG] Opera bug?

[Luc]

Hello scott,
  
It was foretold that on 2-2-2004 @ 11:37:58 GMT+1100 (which was
1:37:58 where I live) scott parsons would mumble:
  


sp> Actually I've been working on something very similar as well, and it also
sp> didn't seem to work on safari 1.0

As i'm told it works on these:

Moz 1.6, NN 7.1, IE 6, Safari (the last one i don't know what build)

sp> When I was testing opera jumped to the top of the page, but also moved the
sp> text in the overflowed div to the right point, did you get this behaviour?

Nope, thankfully not.

Version  7.23
Build   3227

-- 
Best regards,
 Luc
_

http://www.dzinelabs.com

Powered by The Bat! version 1.63 Beta/7 with Windows 2000 (build
2195), version 5.0 Service Pack 4 and using the best browser: Opera.

"For all the advances in medicine, there is still no cure for the
common birthday." - John Herschel Glenn

*
The discussion list for http://webstandardsgroup.org/
* 

Re: [WSG] Opera bug?

[Luc]

Hello James,
  
It was foretold that on 2-2-2004 @ 11:29:23 GMT+1100 (which was
1:29:23 where I live) James Silva would mumble:
  


JS> Are  you  using the generic "#top" or are you pointing the link to
JS> an actual named anchor?

It points at #mnhd wich is the ID for the first heading in the page:

Welcome

the pointing: 

Sorry if i can't provide an online example :-(

-- 
Best regards,
 Luc
_

http://www.dzinelabs.com

Powered by The Bat! version 1.63 Beta/7 with Windows 2000 (build
2195), version 5.0 Service Pack 4 and using the best browser: Opera.

"So you're a feminist...Isn't that cute."

*
The discussion list for http://webstandardsgroup.org/
* 

Re: [WSG] Opera bug?

[scott parsons]

Actually I've been working on something very similar as well, and it also
didn't seem to work on safari 1.0

I'm not sure if it worked on IE5.2/mac as I was using javascript to generate
the anchors and that didn't work.

When I was testing opera jumped to the top of the page, but also moved the
text in the overflowed div to the right point, did you get this behaviour?
- Original Message -
From: "Luc" <[EMAIL PROTECTED]>
To: "webstandardsgroup" <[EMAIL PROTECTED]>
Sent: Monday, February 02, 2004 10:47 AM
Subject: [WSG] Opera bug?


>
>  Hello list,
>
>  A div, set with overflow: auto has a "go to top" link in it. It works on
>  most browsers, only Opera 7.2 leads you to the top of the page, not
>  to the top of the div. According to Opera, overflow is fully
>  supported, so is this a bug that anybody knows?
>
> --
> Best regards,
>  Luc
> 
>
> http://www.dzinelabs.com
>
> Powered by The Bat! version 1.63 Beta/7 with Windows 2000 (build
> 2195), version 5.0 Service Pack 4 and using the best browser: Opera.
>
> "Never accept a drink from a urologist." - Kevin Michael Reed.
>
>
> *
> The discussion list for http://webstandardsgroup.org/
> *
>
>
>

*
The discussion list for http://webstandardsgroup.org/
* 

RE: [WSG] Opera bug?

[James Silva]

Are you using the generic "#top" (which I believe most browsers support) or
are you pointing the link to an actual named anchor?

James Silva
Web Production
Gruden Pty Ltd

Tel:   +61 02 9956 6388
Fax:   +61 02 9956 8433
Email: [EMAIL PROTECTED]
Web:   http://www.gruden.com



> -Original Message-
> From: Luc [mailto:[EMAIL PROTECTED] 
> Sent: Monday, 2 February 2004 10:47 AM
> To: webstandardsgroup
> Subject: [WSG] Opera bug?
> 
> 
>  Hello list,
> 
>  A div, set with overflow: auto has a "go to top" link in it. 
> It works on  most browsers, only Opera 7.2 leads you to the 
> top of the page, not  to the top of the div. According to 
> Opera, overflow is fully  supported, so is this a bug that 
> anybody knows?
>  
> --
> Best regards,
>  Luc
> 
> 
> http://www.dzinelabs.com
> 
> Powered by The Bat! version 1.63 Beta/7 with Windows 2000 
> (build 2195), version 5.0 Service Pack 4 and using the best 
> browser: Opera.
> 
> "Never accept a drink from a urologist." - Kevin Michael Reed.
> 
> 
> *
> The discussion list for http://webstandardsgroup.org/
> * 
> 


smime.p7s
Description: S/MIME cryptographic signature

[WSG] Opera bug?

[Luc]

 Hello list,

 A div, set with overflow: auto has a "go to top" link in it. It works on
 most browsers, only Opera 7.2 leads you to the top of the page, not
 to the top of the div. According to Opera, overflow is fully
 supported, so is this a bug that anybody knows?
 
-- 
Best regards,
 Luc


http://www.dzinelabs.com

Powered by The Bat! version 1.63 Beta/7 with Windows 2000 (build
2195), version 5.0 Service Pack 4 and using the best browser: Opera.

"Never accept a drink from a urologist." - Kevin Michael Reed.


*
The discussion list for http://webstandardsgroup.org/
*