Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Well, I don't have any specific ones. They should cascade down from the
overall 'a' styles, shouldn't they?
- a:link { font-weight: bold; color:#963; text-decoration: none; }
Should I set some up specially?
Hi, take a look at http://www.quirksmode.org/css/ie6_purecsspopups.html
Regards,
Rimantas
--
http://rimantas.com/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Susie Gardner-Brown wrote:
> div#content li a span {
> display: none;
> }
Instead of using display:none, maybe try this. It's a lot more accessible.
div#content li a span {
position : absolute;
top : -9000px;
left : -9000px;
}
Also, be sure to add focus and active to ensure all users can bring it back
from the top-left. Only mouse users can hover over an element. Example:
div#content li a:hover span, div#content li a:focus span, div#content li
a:active span {
/* your CSS properties for above */
}
Then, if offering visited states, be sure to apply the rules above to them
as well.
div#content li a:visited span {
/* your CSS properties for above */
}
div#content li a:visited:hover span, div#content li a:visited:focus span,
div#content li a:visited:active span {
/* your CSS properties for above */
}
Maybe something in this experiment will help (it would be adaptable):
http://mikecherim.com/experiments/css_map_pop.php
Hope this helps.
Sincerely,
Mike Cherim
http://green-beast.com/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Susie Gardner-Brown wrote:
It does have a background! [...]
No, it doesn't.
You have styled the span alright, but that doesn't affect the
LINK-element, the a, so IE/win isn't "getting it".
This will get IE's attention...
div#content li a:hover {background: #edb;}
Remember, you're dealing with a weak and buggy browser, so just add the
style for a:hover and get it working in IE. *Then* you can start
fine-tuning the background-color to make it look good in that bugger.
(based on the Meyer one but with a few additions/changes. For
example, his used absolute positioning, but I wanted to use
relative.)
You have made a few more changes than 'positioning'. Eric's example
*does* create a change on the link-element on hover (intentionally or
not), so it is working in IE.
Any changes in background or border on the will make IE "repaint"
the link-element and open for the span inside it to be displayed.
No such changes, like your stylesheet says now, means the span will
never be displayed in IE6 - regardless of how many styles/changes you
add to the span.
regards
Georg
--
http://www.gunlaug.no
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Well, I don't have any specific ones. They should cascade down from the
overall 'a' styles, shouldn't they?
- a:link { font-weight: bold; color:#963; text-decoration: none; }
Should I set some up specially?
- susie
On 14/7/06 9:10 AM, "Rimantas Liubertas" <[EMAIL PROTECTED]> wrote:
> <...>
>> div#content li a span {
>> display: none;
>> }
> <...>
>
> And what are rules for div#content li a ?
>
>
>
> Regards,
> Rimantas
> --
> http://rimantas.com/
>
>
> **
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> **
>
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
here is my css for the bottom set of pop up navigation links on my site.
#blinks{height:0px;left:0px;position:absolute;top:299px;visibility:visible;width:180px}
#blinks a{display:block;margin:0 0 0px;padding:5px 10px;text-align:left}
#blinks a:hover{z-index:205}
#blinks a:hover span{background:rgb(0,0,0);border:rgb(128,128,128)
1px;border-style:solid;color:rgb(128,128,128);display:block;left:209px;padding:10px
5px 10px 5px;position:absolute;text-align:center;top:55px;width:300px}
On my index page I have two areas that use popups, on other pages I have
three. Two on left and one on the right sides.
- Original Message -
From: "Susie Gardner-Brown" <[EMAIL PROTECTED]>
To:
Sent: Thursday, July 13, 2006 5:55 PM
Subject: Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Hi Georg
It does have a background! These are the styles for the text popup:
div#content li a span {
display: none;
}
div#content li a:hover span {
display: block;
position: relative;
top:
-250px;
left: 10px;
width: 60%;
padding: 10px;margin: 10px; z-index:
100;
background: #fff;
border: medium dotted #963;
font-weight:
normal;
color: #333;
}
(based on the Meyer one but with a few additions/changes. For example, his
used absolute positioning, but I wanted to use relative.)
Any other thoughts? Anyone? It's really annoying coz I know it must be
something I've done in my stylesheet, as his one works!
The link to the stylesheet is
http://crunchie.tedi.uq.edu.au/trials/UIMED/stylesheets/prof.css
- susie
On 13/7/06 5:10 PM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote:
Susie Gardner-Brown wrote:
My ones work fine on my Mac in Firefox, but in IE (PC) they don't.
I'm assuming that something is conflicting from the rest of my
stylesheet, but I can't work out what. If anyone had any clues, I'd
be very happy
http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html
Add a background to the link on :hover, and it will work in IE/win.
This will do...
div#content li a:hover {background: #edb;}
...or use a background color that's closer to, but /not/ identical with
the existing a:link/a:visited background color.
The reason is that IE needs for something *to change* on that link-cell
itself on :hover in order to repaint it and open up for the span.
Georg
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.0.394 / Virus Database: 268.9.10/386 - Release Date: 7/12/2006
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Susie, forgive my input, but since I use Eric's pop ups on my site I took a
look at your code. Your code is quite a bit leaner then mine. For where you
have only two area's in your css, I have like 4 or five. I don't ever
remember having any issues related to my pop ups working in any browsers I
tested in- IE, FF, Opera, Netscape and Mozilla. You code is also in a .
I could not make heads nor tails of it, not that is any surprise. Good luck
I will interested to see what the solution will be.
Sharron
- Original Message -
From: "Susie Gardner-Brown" <[EMAIL PROTECTED]>
To:
Sent: Thursday, July 13, 2006 5:55 PM
Subject: Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Hi Georg
It does have a background! These are the styles for the text popup:
div#content li a span {
display: none;
}
div#content li a:hover span {
display: block;
position: relative;
top:
-250px;
left: 10px;
width: 60%;
padding: 10px;margin: 10px; z-index:
100;
background: #fff;
border: medium dotted #963;
font-weight:
normal;
color: #333;
}
(based on the Meyer one but with a few additions/changes. For example, his
used absolute positioning, but I wanted to use relative.)
Any other thoughts? Anyone? It's really annoying coz I know it must be
something I've done in my stylesheet, as his one works!
The link to the stylesheet is
http://crunchie.tedi.uq.edu.au/trials/UIMED/stylesheets/prof.css
- susie
On 13/7/06 5:10 PM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote:
Susie Gardner-Brown wrote:
My ones work fine on my Mac in Firefox, but in IE (PC) they don't.
I'm assuming that something is conflicting from the rest of my
stylesheet, but I can't work out what. If anyone had any clues, I'd
be very happy
http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html
Add a background to the link on :hover, and it will work in IE/win.
This will do...
div#content li a:hover {background: #edb;}
...or use a background color that's closer to, but /not/ identical with
the existing a:link/a:visited background color.
The reason is that IE needs for something *to change* on that link-cell
itself on :hover in order to repaint it and open up for the span.
Georg
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.0.394 / Virus Database: 268.9.10/386 - Release Date: 7/12/2006
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
<...>
div#content li a span {
display: none;
}
<...>
And what are rules for div#content li a ?
Regards,
Rimantas
--
http://rimantas.com/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Hi Georg
It does have a background! These are the styles for the text popup:
div#content li a span {
display: none;
}
div#content li a:hover span {
display: block;
position: relative;
top:
-250px;
left: 10px;
width: 60%;
padding: 10px;margin: 10px; z-index:
100;
background: #fff;
border: medium dotted #963;
font-weight:
normal;
color: #333;
}
(based on the Meyer one but with a few additions/changes. For example, his
used absolute positioning, but I wanted to use relative.)
Any other thoughts? Anyone? It's really annoying coz I know it must be
something I've done in my stylesheet, as his one works!
The link to the stylesheet is
http://crunchie.tedi.uq.edu.au/trials/UIMED/stylesheets/prof.css
- susie
On 13/7/06 5:10 PM, "Gunlaug Sørtun" <[EMAIL PROTECTED]> wrote:
> Susie Gardner-Brown wrote:
>> My ones work fine on my Mac in Firefox, but in IE (PC) they don't.
>> I'm assuming that something is conflicting from the rest of my
>> stylesheet, but I can't work out what. If anyone had any clues, I'd
>> be very happy
>
>> http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html
>>
> Add a background to the link on :hover, and it will work in IE/win.
> This will do...
>
> div#content li a:hover {background: #edb;}
>
> ...or use a background color that's closer to, but /not/ identical with
> the existing a:link/a:visited background color.
>
> The reason is that IE needs for something *to change* on that link-cell
> itself on :hover in order to repaint it and open up for the span.
>
> Georg
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Susie Gardner-Brown wrote:
My ones work fine on my Mac in Firefox, but in IE (PC) they don't.
I'm assuming that something is conflicting from the rest of my
stylesheet, but I can't work out what. If anyone had any clues, I'd
be very happy
http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html
Add a background to the link on :hover, and it will work in IE/win.
This will do...
div#content li a:hover {background: #edb;}
...or use a background color that's closer to, but /not/ identical with
the existing a:link/a:visited background color.
The reason is that IE needs for something *to change* on that link-cell
itself on :hover in order to repaint it and open up for the span.
Georg
--
http://www.gunlaug.no
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Meyer's CSS text popups not working in IE (PC)
Title: Meyer's CSS text popups not working in IE (PC) I use those on my site! lol I love them too. Of course I adapted them to as I wanted them too. I have two nav's on the left. Top one has the pop ups but you don't see them, small transparent gifs used for accessibility reasons the lower one does use pop ups with images. www.designbyatfb.com - Original Message - From: Susie Gardner-Brown To: wsg@webstandardsgroup.org Sent: Wednesday, July 12, 2006 11:50 PM Subject: [WSG] Meyer's CSS text popups not working in IE (PC) Hi thereI am trying to use some CSS text popups from Eric Meyer's site, as described here: http://meyerweb.com/eric/css/edge/popups/demo.html. His ones on this page work on IE on a PC as well as Firefox on a Mac ... Not IE5.1 (Mac) but we're not supporting that.My ones work fine on my Mac in Firefox, but in IE (PC) they don't. I'm assuming that something is conflicting from the rest of my stylesheet, but I can't work out what. If anyone had any clues, I'd be very happy It's the link at the bottom of the page where it says 'compare your answer with the suggested answer' ... http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.htmlCheerssusie **The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list & getting help** No virus found in this incoming message.Checked by AVG Free Edition.Version: 7.0.394 / Virus Database: 268.9.10/384 - Release Date: 7/10/2006 **The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help**
[WSG] Meyer's CSS text popups not working in IE (PC)
Title: Meyer's CSS text popups not working in IE (PC) Hi there I am trying to use some CSS text popups from Eric Meyer's site, as described here: http://meyerweb.com/eric/css/edge/popups/demo.html. His ones on this page work on IE on a PC as well as Firefox on a Mac ... Not IE5.1 (Mac) but we're not supporting that. My ones work fine on my Mac in Firefox, but in IE (PC) they don't. I'm assuming that something is conflicting from the rest of my stylesheet, but I can't work out what. If anyone had any clues, I'd be very happy It's the link at the bottom of the page where it says 'compare your answer with the suggested answer' ... http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html Cheers susie **The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help**
