Can anyone tell me why the second "here" link doesn't work?

Question

On this page there are two "here" links on the same line and the second doesn't work.

My css can be found here. I am unsure why it is any different than the "header" div because the links in the header div work even though they are on the same line.

The specific code in question is posted below.

CSS

#body {
        line-height:1.5em;
    width:700px;  
    margin:auto; 
    overflow-x: hidden; 
    padding:12.5px;
    color:#4e443c;
    font-size:16px;
    font-family:"Courier";
        text-align:left;
}

HTML

 <div id="body">
            <h3>Logger</h3>
                Logger is a java library that allows you to log to a log file easily. <a href="Logger.jar">Download</a> <span> the .jar file and then add it to your build path. 
                For Eclipse instructions see <a href="http://stackoverflow.com/a/2727723">here</a>. 
                For command-line instructions see <a href="http://stackoverflow.com/a/2096298">here</a>. 
                Then add the code <i>Logger log = new Logger();</i> to your class to initialize the logger and then you can use either <i>log.log(String);</i> or <i>log.logAndPrint(String);</i> to print to the log. 
                The <i>logAndPrint</i> method prints to the console as well as the log file while the <i>log</i> method only prints to the file. 
                Below is an example driver program. <br>
                <script src="http://gist-it.appspot.com/https://github.com/dummycode/Logger/blob/master/Example.java?footer=0">
</script>
                        <a href="/p">Back</a>
        </div>

I've tried different things such as display:inline-block or using span tags, but most of these mess up the format of my page.

Can anyone help me out?

Please check my answer bellow your question. – Florin Pop Oct 25 '15 at 21:01 — Florin Pop, Oct 25 '15 at 21:01
its working http://jsfiddle.net/ctdrhkhk/ – Shuvo Shuvo Oct 25 '15 at 21:05 — Shuvo Shuvo, Oct 25 '15 at 21:05

score 2 · Accepted Answer · answered Oct 25 '15 at 20:57

2

Because the social id div is over that link. You need to change the positioning on that twitter bird.

Add the following style to the social id div:

#social {
    z-index: -1;
}

answered Oct 25 '15 at 20:57

Florin Pop

5,105
3
25
58

Shuvo Shuvo · Answer 2 · 2015-10-25T21:19:16.513

0

please check your CSS code

#social {
position:fixed;
width:70px;
height:130px;
left:80%;
padding-left:100px;
margin: 0px auto;
}

reduce your padding of padding-left:100px; and make it left:80%;, it will be fine for you

edited Oct 25 '15 at 21:19

answered Oct 25 '15 at 21:11

Shuvo Shuvo

329
2
15

Damn, I thought I had gone over everything. Little did I know it was an issue arising from an entirely different area. – Henry Harris Oct 25 '15 at 21:41

score 0 · Answer 3 · answered Oct 25 '15 at 21:41

Do not use position fixed for this. Try this.

    #body {
      line-height: 1.5em;
      width: 700px;
      margin: auto;
      overflow-x: hidden;
      padding: 12.5px;
      color: #4e443c;
      font-size: 16px;
      font-family: "Courier";
      text-align: left;
      float: left;
    }
    #social {
      width: 70px;
      height: 130px;
      margin: 0px auto;
      float: left;
    }

Can anyone tell me why the second "here" link doesn't work?

3 Answers3