Link on second div not working

Discussion in 'HTML & Website Design' started by imaginexhacked, Mar 20, 2017.

0
  1. #1
    Hi,

    I'm trying to setup a section of a sidebar to have links to various types of our content ... calculators, infographics, slideshare, podcasts etc.

    I've set up a page for working on the sidebar coding.

    http://bankruptcycanada.com/sidebar-working/

    I coded one div for the first type of content and I copied that div again. The link for the first div works but there is no link on the second div (The second "calculators" under Information Library in the sidebar)

    Could someone please tell me why the first div works but the second - which is an exact copy of the first - does not. The second div is styled properly, just the link is not working.

    The code is:

    <div
class="sidebar-content-library"><img
src="https://bankruptcycanada.com/wp-content/uploads/2017/02/calculator-icon.png" alt="Calculators"><a
href="https://bankruptcycanada.com/bankruptcy-calculators/">Calculators</a></div>
<div
class="sidebar-content-library"><img
src="https://bankruptcycanada.com/wp-content/uploads/2017/02/calculator-icon.png" alt="Calculators"><a
href="https://bankruptcycanada.com/bankruptcy-calculators/">Calculators</a></div>
    HTML:
     
    Last edited by a moderator: Mar 20, 2017
    imaginexhacked, Mar 20, 2017 IP
  2. Rokis

    Rokis Member

    Messages:
    60
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    45
    #2
    Hello, I am new to coding and I cannot give you the answer without seeing the code and it's css so quickly but if you try and inspect it you will see that you are looking at the wrong spot.

    You h4 which is below that is over your link and it's either a mistype someone like not closed brackets or height issue is makes the overlapping.

    Hope this helps ;)
     
    Rokis, Mar 20, 2017 IP
  3. Mubashir Ahmad

    Mubashir Ahmad Greenhorn

    Messages:
    18
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    13
    #3
    Both Links are working fine. Good way of marketing your site!
     
    Mubashir Ahmad, Mar 21, 2017 IP
  4. imaginexhacked

    imaginexhacked Member

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #4
    Hi Rokis

    Thanks for all your help. I'm fairly new at coding too. I managed to hack away at the code and seemed to get it OK.

    Thanks Mubashir

    Have a good day guys ))
     
    imaginexhacked, Mar 21, 2017 IP
  5. Rokis

    Rokis Member

    Messages:
    60
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    45
    #5
    Great news, maybe you can tell me what was the issue exactly so I know what to do if that happens to me also?

    Thanks
     
    Rokis, Mar 21, 2017 IP
  6. imaginexhacked

    imaginexhacked Member

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    43
    #6
    Hi Rokis, not exactly sure what it was but it was some error in the CSS. I cleared all the CSS and re-coded it from scratch :)
     
    imaginexhacked, Mar 22, 2017 IP
  7. daniel27lt

    daniel27lt Active Member

    Messages:
    109
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    98
    Digital Goods:
    4
    #7
    The code looks fine, it must of been the css. I would of used 2 lines within the css for these links.
     
    daniel27lt, Mar 29, 2017 IP