Here is a a list of my hyperlinks in my home page:
<A class="theclass" href="Default.aspx">Home</A>
<A class="theclass" href="Search.aspx">Search</A>
<A class="theclass" href="Help.aspx">Help</A>
And these are defined in Styles.css file:
a.theclass:link, a.theclass:visited {
display: block;
border: 1px solid #cccccc;
text-decoration: none;
}
a.dpclass:hover{
border: 1px solid #cccccc;
text-decoration: none;
}
Now, the problem is that in FireFox/Netscape and Opera when the mouse cursor
enters the style box of the hyperlink (due to display:block style) the box
changes color. However, in IE6.0 the box only changes color when the mouse
cursor is on the text of the hyperlink and entering into the box alone
produces no visual effect. I appreciate if anyone who has run into this
issue has a solution or anyone else has a suggestion about this.
Thanks.
Dee 6 2204
to handle this on ie, use the mouseover and mouseout events to change the
style rather than hover.
-- bruce (sqlwork.com)
"dee" <de*@home.net> wrote in message
news:%2****************@TK2MSFTNGP09.phx.gbl... Here is a a list of my hyperlinks in my home page:
<A class="theclass" href="Default.aspx">Home</A> <A class="theclass" href="Search.aspx">Search</A> <A class="theclass" href="Help.aspx">Help</A>
And these are defined in Styles.css file:
a.theclass:link, a.theclass:visited { display: block; border: 1px solid #cccccc; text-decoration: none; } a.dpclass:hover{ border: 1px solid #cccccc; text-decoration: none; }
Now, the problem is that in FireFox/Netscape and Opera when the mouse cursor enters the style box of the hyperlink (due to display:block style) the box changes color. However, in IE6.0 the box only changes color when the mouse cursor is on the text of the hyperlink and entering into the box alone produces no visual effect. I appreciate if anyone who has run into this issue has a solution or anyone else has a suggestion about this.
Thanks. Dee
Bruce, for that I have to use client side script, no? The spec is not to use
any scripts.
Thanks
"Bruce Barker" <br******************@safeco.com> wrote in message
news:us**************@TK2MSFTNGP09.phx.gbl... to handle this on ie, use the mouseover and mouseout events to change the style rather than hover.
-- bruce (sqlwork.com)
"dee" <de*@home.net> wrote in message news:%2****************@TK2MSFTNGP09.phx.gbl... Here is a a list of my hyperlinks in my home page:
<A class="theclass" href="Default.aspx">Home</A> <A class="theclass" href="Search.aspx">Search</A> <A class="theclass" href="Help.aspx">Help</A>
And these are defined in Styles.css file:
a.theclass:link, a.theclass:visited { display: block; border: 1px solid #cccccc; text-decoration: none; } a.dpclass:hover{ border: 1px solid #cccccc; text-decoration: none; }
Now, the problem is that in FireFox/Netscape and Opera when the mouse cursor enters the style box of the hyperlink (due to display:block style) the box changes color. However, in IE6.0 the box only changes color when the mouse cursor is on the text of the hyperlink and entering into the box alone produces no visual effect. I appreciate if anyone who has run into this issue has a solution or anyone else has a suggestion about this.
Thanks. Dee
Actually this is laid out vertically:
<tr><td>
<A class="theclass" href="Default.aspx">Home</A>
</td></tr>
<tr><td>
<A class="theclass" href="Search.aspx">Search</A>
</td></tr>
<tr><td>
<A class="theclass" href="Help.aspx">Help</A>
</td></tr>
The horizontal layout doesnt have a problem az the boxe sizes are determined
by the hyperlink text.
"Bruce Barker" <br******************@safeco.com> wrote in message
news:us**************@TK2MSFTNGP09.phx.gbl... to handle this on ie, use the mouseover and mouseout events to change the style rather than hover.
-- bruce (sqlwork.com)
"dee" <de*@home.net> wrote in message news:%2****************@TK2MSFTNGP09.phx.gbl... Here is a a list of my hyperlinks in my home page:
<A class="theclass" href="Default.aspx">Home</A> <A class="theclass" href="Search.aspx">Search</A> <A class="theclass" href="Help.aspx">Help</A>
And these are defined in Styles.css file:
a.theclass:link, a.theclass:visited { display: block; border: 1px solid #cccccc; text-decoration: none; } a.dpclass:hover{ border: 1px solid #cccccc; text-decoration: none; }
Now, the problem is that in FireFox/Netscape and Opera when the mouse cursor enters the style box of the hyperlink (due to display:block style) the box changes color. However, in IE6.0 the box only changes color when the mouse cursor is on the text of the hyperlink and entering into the box alone produces no visual effect. I appreciate if anyone who has run into this issue has a solution or anyone else has a suggestion about this.
Thanks. Dee
IE does not support the box model in the same way as other browsers that
followed the W3C specifications.
search: ie box model hack
<%= Clinton Gallagher
METROmilwaukee (sm) "A Regional Information Service"
NET csgallagher AT metromilwaukee.com
URL http://metromilwaukee.com/
URL http://clintongallagher.metromilwaukee.com/
"dee" <de*@home.net> wrote in message
news:Ok**************@TK2MSFTNGP09.phx.gbl... Actually this is laid out vertically:
<tr><td> <A class="theclass" href="Default.aspx">Home</A> </td></tr> <tr><td> <A class="theclass" href="Search.aspx">Search</A> </td></tr> <tr><td> <A class="theclass" href="Help.aspx">Help</A> </td></tr>
The horizontal layout doesnt have a problem az the boxe sizes are determined by the hyperlink text.
"Bruce Barker" <br******************@safeco.com> wrote in message news:us**************@TK2MSFTNGP09.phx.gbl... to handle this on ie, use the mouseover and mouseout events to change the style rather than hover.
-- bruce (sqlwork.com)
"dee" <de*@home.net> wrote in message news:%2****************@TK2MSFTNGP09.phx.gbl... Here is a a list of my hyperlinks in my home page:
<A class="theclass" href="Default.aspx">Home</A> <A class="theclass" href="Search.aspx">Search</A> <A class="theclass" href="Help.aspx">Help</A>
And these are defined in Styles.css file:
a.theclass:link, a.theclass:visited { display: block; border: 1px solid #cccccc; text-decoration: none; } a.dpclass:hover{ border: 1px solid #cccccc; text-decoration: none; }
Now, the problem is that in FireFox/Netscape and Opera when the mouse cursor enters the style box of the hyperlink (due to display:block style) the box changes color. However, in IE6.0 the box only changes color when the mouse cursor is on the text of the hyperlink and entering into the box alone produces no visual effect. I appreciate if anyone who has run into this issue has a solution or anyone else has a suggestion about this.
Thanks. Dee
Thanks for your post. I have a different issue tho thats most likely not
related to box model but appearantly ie is the only browser thats not
behaving correctly.
"clintonG" <cs*********@REMOVETHISTEXTmetromilwaukee.com> wrote in message
news:u$*************@TK2MSFTNGP15.phx.gbl... IE does not support the box model in the same way as other browsers that followed the W3C specifications.
search: ie box model hack
<%= Clinton Gallagher METROmilwaukee (sm) "A Regional Information Service" NET csgallagher AT metromilwaukee.com URL http://metromilwaukee.com/ URL http://clintongallagher.metromilwaukee.com/
"dee" <de*@home.net> wrote in message news:Ok**************@TK2MSFTNGP09.phx.gbl... Actually this is laid out vertically:
<tr><td> <A class="theclass" href="Default.aspx">Home</A> </td></tr> <tr><td> <A class="theclass" href="Search.aspx">Search</A> </td></tr> <tr><td> <A class="theclass" href="Help.aspx">Help</A> </td></tr>
The horizontal layout doesnt have a problem az the boxe sizes are determined by the hyperlink text.
"Bruce Barker" <br******************@safeco.com> wrote in message news:us**************@TK2MSFTNGP09.phx.gbl... to handle this on ie, use the mouseover and mouseout events to change the style rather than hover.
-- bruce (sqlwork.com)
"dee" <de*@home.net> wrote in message news:%2****************@TK2MSFTNGP09.phx.gbl... Here is a a list of my hyperlinks in my home page:
<A class="theclass" href="Default.aspx">Home</A> <A class="theclass" href="Search.aspx">Search</A> <A class="theclass" href="Help.aspx">Help</A>
And these are defined in Styles.css file:
a.theclass:link, a.theclass:visited { display: block; border: 1px solid #cccccc; text-decoration: none; } a.dpclass:hover{ border: 1px solid #cccccc; text-decoration: none; }
Now, the problem is that in FireFox/Netscape and Opera when the mouse cursor enters the style box of the hyperlink (due to display:block style) the box changes color. However, in IE6.0 the box only changes color when the mouse cursor is on the text of the hyperlink and entering into the box alone produces no visual effect. I appreciate if anyone who has run into this issue has a solution or anyone else has a suggestion about this.
Thanks. Dee
The problem goes away when I remove the <tr> and <td> sorrounding the
hyperlinks.
"clintonG" <cs*********@REMOVETHISTEXTmetromilwaukee.com> wrote in message
news:u$*************@TK2MSFTNGP15.phx.gbl... IE does not support the box model in the same way as other browsers that followed the W3C specifications.
search: ie box model hack
<%= Clinton Gallagher METROmilwaukee (sm) "A Regional Information Service" NET csgallagher AT metromilwaukee.com URL http://metromilwaukee.com/ URL http://clintongallagher.metromilwaukee.com/
"dee" <de*@home.net> wrote in message news:Ok**************@TK2MSFTNGP09.phx.gbl... Actually this is laid out vertically:
<tr><td> <A class="theclass" href="Default.aspx">Home</A> </td></tr> <tr><td> <A class="theclass" href="Search.aspx">Search</A> </td></tr> <tr><td> <A class="theclass" href="Help.aspx">Help</A> </td></tr>
The horizontal layout doesnt have a problem az the boxe sizes are determined by the hyperlink text.
"Bruce Barker" <br******************@safeco.com> wrote in message news:us**************@TK2MSFTNGP09.phx.gbl... to handle this on ie, use the mouseover and mouseout events to change the style rather than hover.
-- bruce (sqlwork.com)
"dee" <de*@home.net> wrote in message news:%2****************@TK2MSFTNGP09.phx.gbl... Here is a a list of my hyperlinks in my home page:
<A class="theclass" href="Default.aspx">Home</A> <A class="theclass" href="Search.aspx">Search</A> <A class="theclass" href="Help.aspx">Help</A>
And these are defined in Styles.css file:
a.theclass:link, a.theclass:visited { display: block; border: 1px solid #cccccc; text-decoration: none; } a.dpclass:hover{ border: 1px solid #cccccc; text-decoration: none; }
Now, the problem is that in FireFox/Netscape and Opera when the mouse cursor enters the style box of the hyperlink (due to display:block style) the box changes color. However, in IE6.0 the box only changes color when the mouse cursor is on the text of the hyperlink and entering into the box alone produces no visual effect. I appreciate if anyone who has run into this issue has a solution or anyone else has a suggestion about this.
Thanks. Dee
This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Andy Fish |
last post by:
Hi,
I have a section of a web page that I want to be able to make appear and
disappear with javascript, with the things below it moving up and down as
appropriate. I'm not using absolute...
|
by: Jeff Thies |
last post by:
I'm trying to do a nav list using list items.
Roughly this is putting links styled display: block and with a background
color.
In IE5 (windows, haven't tried Mac yet), adding the display:...
|
by: dmiller23462 |
last post by:
Hi guys....I have absolutely NO IDEA what I'm doing with Javascript
but my end result is I need two text boxes to stay hidden until a
particular option is selected....I've cobbled together the...
|
by: wasntme |
last post by:
I want to toggle a <div in and out of view.
My question, which of the below examples would best be supported.
Or is there another approach, that would be better used..TIA..
..A..
<a href="#"...
|
by: fleemo17 |
last post by:
For increased accessibility, I've replaced "display:none" with the
Off-Left method of hiding my CSS drop-down menus because the Jaws
screen reader doesn't see any of the menus hidden with...
|
by: ruby_bestcoder |
last post by:
Hi
Im having problem in firefox with display:none/block.
I have essentially 3 li elements. In each element there are a few
nested div:s. Clicking on one of the divs, makes another div to...
|
by: drew197 |
last post by:
I am a newbie. I am editing someone elses code to make it compatible
with Firefox and Safari.
In IE, when you click on the proper link, a block of text is shown in a
nice paragraph form. But, in...
|
by: RonY |
last post by:
I have a dropdown which calls SetTimePeriod method on change the selection. In the JS function, I reset the field style.display based on what the selection is. This works fine with IE but not working...
|
by: Janis |
last post by:
I try to understand what could be the source of a problem with
displaying and hiding rows of tables using display:block/none.
I've read selfhtml but could not find any hint about that. Any...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM).
In this month's session, the creator of the excellent VBE...
|
by: MeoLessi9 |
last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
|
by: DolphinDB |
last post by:
Tired of spending countless mintues downsampling your data? Look no further!
In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
|
by: Aftab Ahmad |
last post by:
So, I have written a code for a cmd called "Send WhatsApp Message" to open and send WhatsApp messaage. The code is given below.
Dim IE As Object
Set IE =...
|
by: ryjfgjl |
last post by:
ExcelToDatabase: batch import excel into database automatically...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM).
In this month's session, we are pleased to welcome back...
|
by: jfyes |
last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
|
by: ArrayDB |
last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
|
by: PapaRatzi |
last post by:
Hello,
I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
| |