Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

HTML links wont work

Options
  • 24-01-2017 9:24pm
    #1
    chocolate boy123
    Closed Accounts Posts: 191 ✭✭


    Hi i am having an extremely frustrating problem, when i move my links they will not work anymore? Anyone ever experience this. My code is ...
    [HTML]
    <body>
    <div id="wrapper">
    <header>
    <nav>
    <ul class="mainNav">
    <li><a href=""> Home </a></li>
    <li><a href="">Shop </a></li>
    <li><a href="">Newest </a></li>
    <li><a href=""> About </a> </li>
    <li><a href=""> Sale </a></li>
    <li><a href="">Login </a></li>
    </ul>
    [/HTML]

    [HTML]
    .mainNav li{
    display: inline;
    position: relative;
    left: 700px;
    top: 25px;
    word-spacing: 19px;
    text-decoration: none;
    color: black;

    }

    a{
    text-decoration: none;
    display: inline;
    color: black;
    position: relative;
    bottom:

    }

    .mainNav li {
    display: inline;


    }

    .mainNav li a:hover{
    color: red;

    }

    .mainNav li a:visited{
    text-decoration: none;
    }
    [/HTML]

    Answer would be great as im going crazy over this it appears they stop working when the logo is positioned straight accross from it? Thanks


Comments

  • Options
    #2
    monpog13
    Registered Users Posts: 10 ✭monpog13


    you have not linked them to anything so when you click them they are static, i.e not moving to a new page is this what you mean?

    <a href="some link here">Home</a>

    etc


  • Options
    #3
    chocolate boy123
    Closed Accounts Posts: 191 ✭✭chocolate boy123


    No I ment it wouldn't even be clickable like it was a paragraph or something funny enough I solved it soon after posting but I'm sure I'll run into more problems and I'll post back again!


  • Options
    #4
    chocolate boy123
    Closed Accounts Posts: 191 ✭✭chocolate boy123


    My HR will not show? I have tried everything like changing height, colour etc is there any other way do do a straight line across? Need to put it over my footer? Thanks


  • Options
    #5
    Buford T Justice
    Registered Users Posts: 6,252 ✭✭✭Buford T Justice


    In your CSS 
    hr {
  border: 1px solid black;
}


  • Options
    #6
    chocolate boy123
    Closed Accounts Posts: 191 ✭✭chocolate boy123


    I have done that too, the line appears but it appears up down instead of across have tried in sublime and notepad and still not working


  • Advertisement
  • Options
    #7
    Buford T Justice
    Registered Users Posts: 6,252 ✭✭✭Buford T Justice


    Post your code


  • Options
    #8
    chocolate boy123
    Closed Accounts Posts: 191 ✭✭chocolate boy123


    I have it sorted now, thanks!


  • Options
    #9
    chocolate boy123
    Closed Accounts Posts: 191 ✭✭chocolate boy123


    Last question i promise lol. My nav bar is
    [HTML]
    <nav>
    <ul class="mainNav">
    <li><a href=""> Home </a></li>
    <div class="dropdown">
    <button class="dropbtn">Product</button>
    <div class="dropdown-content">
    <a href=""> Hoodies and Jumpers </a>
    <a href=""> Sweatpants and Jeans </a>
    <a href=""> T-shirts and Shirts</a>
    <a href=""> Outfits for him</a>
    <a href=""> Outfist for her</a>
    </div>
    </div>
    <li><a href="">Newest </a></li>
    <li><a href=""> About </a> </li>
    <li><a href=""> Sale </a></li>
    <li><a href="">Login </a></li>
    </ul>
    </nav>
    [/HTML]


    Jquery is 
     // Fading of nav bar dropdown
  $('.dropdown').hover(function(){ 
   $(this).children("ul").stop().fadeIn("slow");
   },
   function(){
         $(this).children("ul").stop().fadeOut("slow");   
});

    Can ye help me make it work for the dropdown to fade in and out!


Advertisement