Stylesheets - Link problem IE vs Mozilla

Author

Link problem IE vs Mozilla

2003-12-10, 9:34 pm

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

Andrew Thompson

2003-12-10, 9:34 pm

"JW" <jwayne@_myrealbox_no_spam.com> wrote in message
news:7toetvkci5l6380hpqg1g9o7eb1chmg76o@4ax.com...
....

quote:

> 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

2003-12-10, 9:34 pm

"Andrew Thompson" <andrew64@bigNOSPAMpond.com> wrote:

quote:

>"JW" <jwayne@_myrealbox_no_spam.com> wrote in message
>news:7toetvkci5l6380hpqg1g9o7eb1chmg76o@4ax.com...
>...
>
>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>

quote:

>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

2003-12-12, 1:37 pm

JW <jwayne@_myrealbox_no_spam.com> wrote:

quote:

>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