I have the following menu, that is a home made job, based on a few different menus.
The link is Here (<!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/newpage/index.htm">http://www.gslc.qld.edu.au/newpage/index.htm</a><!-- m -->).
Now the problem with the menu is this, it works fine other then the side pop-outs, if you go to About Goodshep, then to policys, a menu should pop out at the side, but insted it appers below it.
I have worked on this for over 4 hours now, no idea why its not working, and its driving me insane.
WofenChange the values of the top and left properties.
#menu ul li ul {
display: block;
position: absolute;
left: 0;
top: 14px;
padding: 5px 0px;
margin: 0;
visibility: hidden;
width: 14em;
z-index: 250;
text-align: left;
background: #b0b0ff;
border-left: 1px solid #1e74d7;
border-bottom: 1px solid #1e74d7;
border-right: 1px solid #1e74d7;
}
Why tables for layout is stupid (<!-- m --><a class="postlink" href="http://www.hotdesign.com/seybold/index.html">http://www.hotdesign.com/seybold/index.html</a><!-- m -->)
Why avoiding tables (for layout) is important (<!-- m --><a class="postlink" href="http://davespicks.com/essays/notables.html">http://davespicks.com/essays/notables.html</a><!-- m -->)
<!-- m --><a class="postlink" href="http://www.workingwith.me.uk/tablefree/why/">http://www.workingwith.me.uk/tablefree/why/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html">http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.westciv.com/style_master/house/good_oil/dead_layout/">http://www.westciv.com/style_master/hou ... ad_layout/</a><!-- m -->
The link is Here (<!-- m --><a class="postlink" href="http://www.gslc.qld.edu.au/newpage/index.htm">http://www.gslc.qld.edu.au/newpage/index.htm</a><!-- m -->).
Now the problem with the menu is this, it works fine other then the side pop-outs, if you go to About Goodshep, then to policys, a menu should pop out at the side, but insted it appers below it.
I have worked on this for over 4 hours now, no idea why its not working, and its driving me insane.
WofenChange the values of the top and left properties.
#menu ul li ul {
display: block;
position: absolute;
left: 0;
top: 14px;
padding: 5px 0px;
margin: 0;
visibility: hidden;
width: 14em;
z-index: 250;
text-align: left;
background: #b0b0ff;
border-left: 1px solid #1e74d7;
border-bottom: 1px solid #1e74d7;
border-right: 1px solid #1e74d7;
}
Why tables for layout is stupid (<!-- m --><a class="postlink" href="http://www.hotdesign.com/seybold/index.html">http://www.hotdesign.com/seybold/index.html</a><!-- m -->)
Why avoiding tables (for layout) is important (<!-- m --><a class="postlink" href="http://davespicks.com/essays/notables.html">http://davespicks.com/essays/notables.html</a><!-- m -->)
<!-- m --><a class="postlink" href="http://www.workingwith.me.uk/tablefree/why/">http://www.workingwith.me.uk/tablefree/why/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html">http://www.phrogz.net/CSS/WhyTablesAreBadForLayout.html</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.westciv.com/style_master/house/good_oil/dead_layout/">http://www.westciv.com/style_master/hou ... ad_layout/</a><!-- m -->