473,287 Members | 3,319 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,287 software developers and data experts.

display: block style issue in IE (and not on other browsers)

dee
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
Nov 19 '05 #1
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

Nov 19 '05 #2
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


Nov 19 '05 #3
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


Nov 19 '05 #4
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



Nov 19 '05 #5
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



Nov 19 '05 #6
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



Nov 19 '05 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
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...
7
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:...
19
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...
4
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="#"...
1
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...
2
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...
4
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...
1
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...
7
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...
2
isladogs
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...
0
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"....
0
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...
0
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 =...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
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...
0
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...
0
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...
1
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)...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.