By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,766 Members | 1,261 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,766 IT Pros & Developers. It's quick & easy.

Link problem IE vs Mozilla

P: n/a
JW
I'm having a bit of a problem with a navigation bar in IE that was discovered
when I removed a Search form from the navigation. What happened is that the
links are no longer active in the blank space following the text. With Mozilla,
the link are active for the entire width of each navigation bar entry. I may be
explaining this poorly, so here is a snippet of the html:

<div id="nav">
<a href="/">Home</a>
<form method="post" action="search.php">
<input type="text" size="1"> <input type="submit" value="X">
</form>
</div>
This is from the CSS file:

#nav {
border-top: #666 solid 1px;
border-bottom: #666 solid 1px;
border-left: #333 solid 2px;
border-right: #333 solid 2px;
width: 175px;
padding: 2px;
margin: 10px;
}

#nav a:hover {
background: #ffff00 no-repeat top left fixed;
}
div#nav a {
display: block;
margin: 3px 2px;
padding-left: 18px;
}

div#nav a:link {
color: #900;
text-decoration: none;
border-bottom: 1px solid #966;
border-left: 15px solid #966;
padding-left: 3px;
}
================================================== ===============

With the <form></form> section, the "Home" link works anywhere in the space
following the "e". If I remove the form section, the link only works when
hovering over the actual letters of Home.

Mozilla Firebird doesn't exhibit this behavior, and works along the width of the
navigation bar.

TIA for any help.

jon
--
jwayne@_myrealbox_no_spam.com
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
"JW" <jwayne@_myrealbox_no_spam.com> wrote in message
news:7t********************************@4ax.com...
....
TIA for any help. *


1) Ask a question. You gave lots of information,
but forgot to ask a question.

2) Supply an URL rather than 'code snippets',
which are about as useful as breasts on a bull.

* You're Welcome ;-)

--
Andrew Thompson
* http://www.PhySci.org/ PhySci software suite
* http://www.1point1C.org/ 1.1C - Superluminal!
* http://www.AThompson.info/andrew/ personal site
Jul 20 '05 #2

P: n/a
JW
"Andrew Thompson" <an******@bigNOSPAMpond.com> wrote:
"JW" <jwayne@_myrealbox_no_spam.com> wrote in message
news:7t********************************@4ax.com.. .
...
TIA for any help. *
1) Ask a question. You gave lots of information,
but forgot to ask a question.


I thought that the question was self evident, even though I didn't use an actual
"?" <g>
2) Supply an URL rather than 'code snippets',
which are about as useful as breasts on a bull.


Point taken.

http://www.jonathanwayne.com/csstest

http://www.jonathanwayne.com/csstest/test.css

TAIA!

jon
--
jwayne@_myrealbox_no_spam.com
Jul 20 '05 #3

P: n/a
JW
JW <jwayne@_myrealbox_no_spam.com> wrote:
I'm having a bit of a problem with a navigation bar in IE that was discovered
when I removed a Search form from the navigation. What happened is that the
links are no longer active in the blank space following the text. With Mozilla,
the link are active for the entire width of each navigation bar entry. I may be
explaining this poorly, so here is a snippet of the html:


(snip)

If anybody cares, I fixed this with an addition to my IE6 specific CSS file:

#nav a {
width: 163px;
}
jon

--
jwayne@_myrealbox_no_spam.com
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.