Currently, I am following a guide on creating a website using Dreamweaver (). However, I have encountered a step in the tutorial that I am struggling to comprehend.
The issue lies with an element named #navlink, which is absolutely positioned in the DOM structure as follows:
nav
h2 #menulink
ul #navlink
nav
Upon visual inspection, it appears that the ul#navlinks element is being removed from the page due to its absolute positioning. Instead of aligning itself next to the last positioned element (since no other elements above ul are relatively or absolutely positioned), it seems to jump to the h2#menulink located higher up in the DOM hierarchy.
I am uncertain whether this discrepancy is caused by an error in my code, perhaps inadvertently positioning the h2 or nav element, or if there is another reason why the attachment point in the document flow is being overwritten. Despite multiple reviews of the code, I am unable to identify the mistake.
For reference, here is a link to the complete source code and the rendered page in JSFiddle:
https://gist.github.com/anonymous/5d8bde1f196b919dab297560ff85b072