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: <[email protected]>
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 <grin>
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
******************************************************
