navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Weird CSS problem

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Weird CSS problem 		Page: [1]
 
trinsan

 

Posts: 2
Joined: 2/20/2004
Status: offline

  		Weird CSS problem - 2/20/2004 1:40:18   
Hello! I'm a professional web designer and I've run across a very strange problem that I can't seem to beat. I have the simple filter:glow on mouseover for my links; the problem is that when you run your mouse quickly over several of them at once, they ALL glow and simply don't turn off until you mouseover again.

This weird effect - the mouseover continuing even after the mouse has moved on - works with other filters, as well. I cannot for the life of me figure out what the problem is.

Here's the link code - if anyone can help me, I'd appreciate it!

a:link{

COLOR: #ffffff; TEXT-DECORATION: none; font-size: 12px; height:0px}
a:active {

COLOR: #ffffff; TEXT-DECORATION: none; font-size: 12px; height:0px}
a:visited {

COLOR: #ffffff; TEXT-DECORATION: none; font-size: 12px; height:0px}


a:hover {

COLOR: #FFFFCC; text-decoration: none; filter: glow(color=#ff0000, strength=5, direction=45); height:0px}





This is the rest of the CSS code. It's possible something else is triggering it....




hr {margin-top:0px; margin-bottom:0px; background-color:#FFFFCC; width: 50%; shading: no-shade}



body { font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal; font-size: 12px}

.indent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-indent: 8px; padding: 3px; font-size: 12px
}


.new {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
padding: 3px; }


.middle {font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;}

.middle2 {font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
padding: 3px; }

a.middle{ COLOR: #ffffff; TEXT-DECORATION: none; font-size: 10px}

a.middle:visited { COLOR: #ffffff; TEXT-DECORATION: none; font-size: 10px}

a.middle:hover{COLOR: #FFFFCC; text-decoration: none; Arial, Helvetica; font-size: 10px; filter: glow(color=#ff0000, strength=5, direction=45); height:2px}

a.middle:active { COLOR: #ffffff; TEXT-DECORATION: none; font-size: 10px}

a.new {COLOR: #FFFFCC; text-decoration: none; Arial, Helvetica; font-size: 10px; filter: glow(color=#ff0000, strength=5, direction=45); height:2px}

a.new:hover {COLOR: #FFFFCC; text-decoration: none; Arial, Helvetica; font-size: 10px; filter: glow(color=#ffff00, strength=5, direction=45); height:2px}

a.new:active {COLOR: #FFFFCC; text-decoration: none; Arial, Helvetica; font-size: 10px; filter: glow(color=#ff0000, strength=5, direction=45); height:2px}

a.new:visited {COLOR: #FFFFCC; text-decoration: none; Arial, Helvetica; font-size: 10px; filter: glow(color=#ff0000, strength=5, direction=45); height:2px}

.dot { border-style:dashed; border-color:#FFFFCC; border-width: 1px; font-size: 11px}
.solid { border-style:solid; border-color:#333399; border-width: 1px; font-size: 11px; font-weight: bold}


.subtitle {background-color:#333333; width:95%; font-size: 12px; font-weight: bold; text-indent: 8px; padding: 3px; font-family: Arial, Helvetica, sans-serif}

body { scrollbar-face-color: #000000;
scrollbar-arrow-color: #999999;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #999999;
scrollbar-highlight-color: #999999;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-Color: #999999; }

.conclusion {background-color:#000000}

< Message edited by trinsan -- 2/20/2004 1:44:05 >
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		RE: Weird CSS problem - 2/20/2004 2:16:12   
That's a proprietary thingy from Microsoft. I've found it buggy to put it mildly and compliant browsers don't touch it. You might get some info on msdn.

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to trinsan)
jaybee

 

Posts: 14175
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: Weird CSS problem - 2/20/2004 3:27:56   
quote:

ORIGINAL: gorilla

That's a proprietary thingy from Microsoft.


That's a technical term then is it? The thingy doesn't work.

Must remember that one. :)

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to gorilla)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		RE: Weird CSS problem - 2/20/2004 7:19:04   
quote:

ORIGINAL: jaybee
That's a technical term then is it? The thingy doesn't work.

Must remember that one. :)


Its only a technical term when you're trying to defrimfrobjulate the frabfimbulator and the parity bit is set to 0, under all other circumstances it is of course a dwark in the vlendish manner :)

< Message edited by gorilla -- 2/20/2004 7:32:40 >

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to jaybee)
trinsan

 

Posts: 2
Joined: 2/20/2004
Status: offline

  		RE: Weird CSS problem - 2/20/2004 11:55:42   
Thank you! Glad to know that - I'm just puzzled why it only does it on that ONE site. It doesn't do it on any other.

..any more thoughts?

(in reply to gorilla)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		RE: Weird CSS problem - 2/20/2004 12:36:22   
You're welcome :-) - It is strange isn't it. I've seen this once before and have never been able to reproduce it. Makes it difficult to track down doesn't it? I can only give you a frivolous answer - maybe its washing its hair and doesn't want to go out tonight. Its as good an explanation as any I'm afraid. On a serious note and one likely to make you salivate there are proposals that you'll be able to achieve similar results:

For example in the w3c note here:

http://www.w3.org/TR/NOTE-css-potential-19970819.html

I've been drooling ever since I read it several years ago now I think. Think of the bandwidth one could save and the things one could using the xml svg standards that they're working on as well.

However (said the gorilla drying his chin) to get back to the matter in hand - would you mind posting the url? I'd love to take a look.

< Message edited by gorilla -- 2/20/2004 12:42:36 >

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to trinsan)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Weird CSS problem 		Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts


Back to top

  Microsoft Corporation in no way endorses or is affiliated with "OutFront."
  OutFront is published and edited by Thomas Brunt.
  440 Great Circle Dr., St. Matthews, SC 29135.
  © 2008 All Rights Reserved
  Click here to view our privacy statement.