Here is a a list of my hyperlinks in my home page:
<A class="theclass " href="Default.a spx">Home</A>
<A class="theclass " href="Search.as px">Search</A>
<A class="theclass " href="Help.aspx ">Help</A>
And these are defined in Styles.css file:
a.theclass:link , a.theclass:visi ted {
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 2226
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******** ********@TK2MSF TNGP09.phx.gbl. .. Here is a a list of my hyperlinks in my home page:
<A class="theclass " href="Default.a spx">Home</A> <A class="theclass " href="Search.as px">Search</A> <A class="theclass " href="Help.aspx ">Help</A>
And these are defined in Styles.css file:
a.theclass:link , a.theclass:visi ted { 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.c om> wrote in message
news:us******** ******@TK2MSFTN GP09.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******** ********@TK2MSF TNGP09.phx.gbl. .. Here is a a list of my hyperlinks in my home page:
<A class="theclass " href="Default.a spx">Home</A> <A class="theclass " href="Search.as px">Search</A> <A class="theclass " href="Help.aspx ">Help</A>
And these are defined in Styles.css file:
a.theclass:link , a.theclass:visi ted { 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.a spx">Home</A>
</td></tr>
<tr><td>
<A class="theclass " href="Search.as px">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.c om> wrote in message
news:us******** ******@TK2MSFTN GP09.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******** ********@TK2MSF TNGP09.phx.gbl. .. Here is a a list of my hyperlinks in my home page:
<A class="theclass " href="Default.a spx">Home</A> <A class="theclass " href="Search.as px">Search</A> <A class="theclass " href="Help.aspx ">Help</A>
And these are defined in Styles.css file:
a.theclass:link , a.theclass:visi ted { 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******** ******@TK2MSFTN GP09.phx.gbl... Actually this is laid out vertically:
<tr><td> <A class="theclass " href="Default.a spx">Home</A> </td></tr> <tr><td> <A class="theclass " href="Search.as px">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.c om> wrote in message news:us******** ******@TK2MSFTN GP09.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******** ********@TK2MSF TNGP09.phx.gbl. .. Here is a a list of my hyperlinks in my home page:
<A class="theclass " href="Default.a spx">Home</A> <A class="theclass " href="Search.as px">Search</A> <A class="theclass " href="Help.aspx ">Help</A>
And these are defined in Styles.css file:
a.theclass:link , a.theclass:visi ted { 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*********@RE MOVETHISTEXTmet romilwaukee.com > wrote in message
news:u$******** *****@TK2MSFTNG P15.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******** ******@TK2MSFTN GP09.phx.gbl... Actually this is laid out vertically:
<tr><td> <A class="theclass " href="Default.a spx">Home</A> </td></tr> <tr><td> <A class="theclass " href="Search.as px">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.c om> wrote in message news:us******** ******@TK2MSFTN GP09.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******** ********@TK2MSF TNGP09.phx.gbl. .. Here is a a list of my hyperlinks in my home page:
<A class="theclass " href="Default.a spx">Home</A> <A class="theclass " href="Search.as px">Search</A> <A class="theclass " href="Help.aspx ">Help</A>
And these are defined in Styles.css file:
a.theclass:link , a.theclass:visi ted { 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*********@RE MOVETHISTEXTmet romilwaukee.com > wrote in message
news:u$******** *****@TK2MSFTNG P15.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******** ******@TK2MSFTN GP09.phx.gbl... Actually this is laid out vertically:
<tr><td> <A class="theclass " href="Default.a spx">Home</A> </td></tr> <tr><td> <A class="theclass " href="Search.as px">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.c om> wrote in message news:us******** ******@TK2MSFTN GP09.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******** ********@TK2MSF TNGP09.phx.gbl. .. Here is a a list of my hyperlinks in my home page:
<A class="theclass " href="Default.a spx">Home</A> <A class="theclass " href="Search.as px">Search</A> <A class="theclass " href="Help.aspx ">Help</A>
And these are defined in Styles.css file:
a.theclass:link , a.theclass:visi ted { 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 positioning or anthing fancy. I put the
aforementioned section in a div:
<div id="foo">
... optional stuff in here
</div>
|
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: block for the
link adds a bit of whitespace between the list items. NS7.1 does not do
this.
Why the whitespace (about 5px)? Is it possible to get IE and NS looking
|
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 JavaScript
in this code from a couple different sites but I'm not 100% sure what
each line is doing...This is the ASP code that I'm using for the
page....Take a look at the JavaScript code and please let me know what
each line is doing....I have been...
|
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="#" onclick="C1.style.visibility='visible';">open</a>
<a href="#" onclick="C1.style.visibility='hidden'">close</a>
..B..
<a href="#" onclick="C1.style.display='block'">display</a>
|
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 "display:none".
The Off-Left method (placing elements way over to the left beyond the
browser window) seems to work well in everything except IE 6 for the
PC, where it displays the drop-downs about an inch to the right of
where they should be. (View...
| |
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
display: block or none.
Again this works in IE. In ff it has a bug. When the display is none
for a div in the first li, then the next li (the one underneath) moves
up to the right, looking very ugly. Is there someone who has had the
|
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 FireFox and Safari it appears as a narrow
column of text with only 2-3 words per line.
Here is the code:
function showAll()
|
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 with Firefox browser.
The firefox browser has problem to display a field after its style.display is reset. At the end of the JS function, I printed out the fields style.display value. They are set correctly. How to resovle this?
My JS is :
...
|
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
pointers why that can happen, or how I should take care of that
type of problem/effect are highly appreciated.
The problem...
A couple times the hiding/displaying works, but _occasionally_
the entries are hidden but _blank lines appear_, instead.
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: Oralloy |
last post by:
Hello folks,
I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>".
The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed.
This is as boiled down as I can make it.
Here is my compilation command:
g++-12 -std=c++20 -Wnarrowing bit_field.cpp
Here is the code in...
|
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |
by: bsmnconsultancy |
last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...
| |