Question

I'm writing a code for my website in html.when I use < a tag as below its not working (bad).

<div id="column">
  <div class="subnav">


      <li><a href="Introduction To File.html">Introduction To File</a></li>


          <li><a href="File Access Mode.html">File Access Mode</a></li>
          <li><a href="Error in opening file.html">Error Handling</a></li>
          <li><a href="#">Closing File</a></li>
          <li><a href="End of file.html">End of File</a></li>
          <li><a href="fcloseall() vs exit().html">fcloseall() vs exit()</a></li>
          <li><a href="getchar() and putchar().html">getchar() and putchar()</a></li>
          <li><a href="getc() and putc().html">getc() and putc()</a></li>
          <li><a href="fputc() and fgetc().html">fputc() and fgetc()</a></li>
          <li><a href="fgets.html">fgets()</a></li>

  </div>
</div>

NOTE: when I click on Introduction To File i am not sent to Introduction To File.html page(bad) but, when i insert

<div class="clear"></div>

then i m sent to Introduction To File.html page and the problem is after adding "clear" some unwanted space seems to be added which is bad.

Please help to find where i went wrong?

Also note that the URLs you code inside you anchors (`` tags) are formally invalid if they contain characters like spaces. you have to `urlencode()` those links to be valid. Currently it is up to the browser what it makes out of those invalid notations. — arkascha, Mar 26 '16 at 08:30
Weird, in my case, it is working great, i copied your code, putted it into jsfiddle and.. working? link there => https://jsfiddle.net/kwnrwrwj/ — David Stančík, Mar 26 '16 at 14:32
@PetrCihlar It worked for me too.. just by copy pasting his code — Rajshekar Reddy, Mar 26 '16 at 14:50
@Reddy yeah... So where is his problem (without bad code and so..)... ? :-D — David Stančík, Mar 26 '16 at 14:58
@PetrCihlar No idea, it must be something else which he has not shown here — Rajshekar Reddy, Mar 26 '16 at 15:00
@Reddy please check this link http://codemedad.com/c/File/Close%20a%20file.html here the link on left is not working i have used the above code — rick, Mar 27 '16 at 06:00

score 0 · Answer 1 · edited May 23 '17 at 12:31

0

Your HTML is invalid. <li> elements cannot be child elements of <div>. They must be enclosed within an <ul>

Also, you need to encode the spaces in your URL to %20. That is the character encoding for spaces. Otherwise it will be misinterpreted as you have found.

URL Encoding

edited May 23 '17 at 12:31

Community

1
1

answered Mar 26 '16 at 14:26

Rob

14,746
28
47
65

score 0 · Answer 2 · answered Mar 27 '16 at 06:23

After looking at the link you provided in the comment, The issue is simple. You have a div with id container and this div is overlaying on your left menu's. So its like a invisible wrapper above the left menu. So you will never be able to click the anchor tags. Place this CSS rule in your code and it must work

Here you already have this

  #header, #topbar, #topnav, #breadcrumb, #container, #footer, #copyright {
    position: initial;
    margin: 0 auto 0;
    display: block;
    width: 96%;
  }

Add this CSS rule to overwrite the above position:relative rule.

 #container {
     position: initial; 
    }

with the above code the overlapping is removed and you are able to click the links.

For a quick check, paste this in your browser console and you can see the links are clickable.

$('#container').css('position','initial');

2 Answers2