Link problem IE vs Mozilla

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • JW

    Link problem IE vs Mozilla

    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@_myrealb ox_no_spam.com
  • Andrew Thompson

    #2
    Re: Link problem IE vs Mozilla

    "JW" <jwayne@_myreal box_no_spam.com > wrote in message
    news:7toetvkci5 l6380hpqg1g9o7e b1chmg76o@4ax.c om...
    ....[color=blue]
    > TIA for any help. *[/color]

    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


    Comment

    • JW

      #3
      Re: Link problem IE vs Mozilla

      "Andrew Thompson" <andrew64@bigNO SPAMpond.com> wrote:
      [color=blue]
      >"JW" <jwayne@_myreal box_no_spam.com > wrote in message
      >news:7toetvkci 5l6380hpqg1g9o7 eb1chmg76o@4ax. com...
      >...[color=green]
      >> TIA for any help. *[/color]
      >
      >1) Ask a question. You gave lots of information,
      >but forgot to ask a question.[/color]

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

      Point taken.





      TAIA!

      jon
      --
      jwayne@_myrealb ox_no_spam.com

      Comment

      • JW

        #4
        Re: Link problem IE vs Mozilla

        JW <jwayne@_myreal box_no_spam.com > wrote:
        [color=blue]
        >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:[/color]

        (snip)

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

        #nav a {
        width: 163px;
        }


        jon

        --
        jwayne@_myrealb ox_no_spam.com

        Comment

        Working...