So I have been trying to get around this problem for a while and I finally got it working on JSFiddle:http://jsfiddle.net/Vqmaw/3786/I'm a bit of a noob with JS and I'm not amazing with CSS but according to this everythings pretty good. However when I add this to my code and try it out it doesn't work.Here's my HTML:\[code\] <!DOCTYPE html!> <head> <link type="text/css" rel="stylesheet" href="http://stackoverflow.com/questions/15862815/style.css"/> <title>404SQN | Home</title> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"> $(document).ready(function() { $('.sbt').click(function () { $('.sidebar').toggle(); }); });</script> </head> <body> <img src="http://stackoverflow.com/questions/15862815/404SQNlogo.png" width="1250" class="logo" /> <div id="tw-form-outer"> <form action="" method="post" id="tw-form"> <input type="text" id="tw-input-text" name="query" value='http://stackoverflow.com/questions/15862815/search' onfocus="if(this.valuehttp://stackoverflow.com/questions/15862815/=='search'){this.value='';}" onblur="if(this.valuehttp://stackoverflow.com/questions/15862815/==''){this.value='http://stackoverflow.com/questions/15862815/search';}" /> <input type="submit" id="tw-input-submit" value="" /> </form> </div> <br/> <br/> <div id="socialicons"> <a href="http://www.airforce.gov.au/" target="_blank" alt="RAAF"><img id="raaf"src="http://stackoverflow.com/questions/15862815/RAAF.png" width="25" height="25" alt="RAAF | "/></a> <a href="http://www.facebook.com/404SQN" target="_blank"><img id='fb'src="http://stackoverflow.com/questions/15862815/fblogo.png" width="25" height="25" alt=" Facebook | " /></a> <a href="http://aafc.org.au/" target="_blank"><img id="aafc"src="http://stackoverflow.com/questions/15862815/aafclogo.png" width="25" height="25" alt=" AAFC"/></a> </div> <a href="http://stackoverflow.com/questions/15862815/#"><div class="sbt"></div></a> <div class="sidebar"> <a href="http://stackoverflow.com/questions/15862815/#underconstruction" class="signin">Sign In</a> <br/> <br/> <b>Commanding Officer:</b> <br/>FLTLT Chris Sell <br/> <b>Cadet Executive Officer:</b> <br/>CUO Josh Rose <br/> <b>Cadet Squadron Warrant Officer:</b> <br/>CWOFF Tim Manser <br/> <b>Parade Times:</b> <br/>Thursdays; 6:30pm - 9:30pm During the school term. <br/> <b>Location:</b> <br/>RAAF Base Williams, Pt Cook Road. <br/> <br/><a href="http://stackoverflow.com/questions/15862815/#map"> <img src="http://stackoverflow.com/questions/15862815/location.jpg" width="95%" id="thumbnail" /> </a><i class="click2">click to enlarge</i> <br/> <br/> <table> <th colspan="2" align="left"><b>Upcoming Activities</b> </th> <tr> <td>Pre Anzac Day Service</td> <td><a href="https://cadetone.aafc.org.au/activities/nomination.php?ActID=17862" target="_blank">17862</a> </td> </tr> <tr> <td>Anzac Day Dawn Service</td> <td><a href="https://cadetone.aafc.org.au/activities/nomination.php?ActID=17863" target="_blank">17863</a> </td> </tr> <tr> <td>Recruit Weekend</td> <td><a href="https://cadetone.aafc.org.au/activities/nomination.php?ActID=15105#" target="_blank">15105</a> </td> </tr> <tr> <td>Archery</td> <td><a href="https://cadetone.aafc.org.au/activities/nomination.php?ActID=17865" target="_blank">17865</a> </td> </tr> <tr> <td>FTE Shoot</td> <td><a href="https://cadetone.aafc.org.au/activities/nomination.php?ActID=19003" target="_blank">19003</a> </td> </tr> </table> </div> <nav> <ul> <li><a href="http://stackoverflow.com/questions/15862815/Practise.html">Home</a> </li> <li class="drop"> <a href="http://stackoverflow.com/questions/15862815/#">About Us</a> <div class="dropdownContain"> <div class="dropOut"> <div class="triangle"></div> <ul> <li>About 404SQN</li> <li>About AAFC</li> <li>What to Expect</li> <li>Discipline</li> </ul> </div> </div> </li> <li><a href="http://stackoverflow.com/questions/15862815/News.html">News</a> </li> <li><a href="http://stackoverflow.com/questions/15862815/#underconstruction">Gallery</a> </li> <li><a href="http://stackoverflow.com/questions/15862815/#">Other</a> </li> <li><a href="http://stackoverflow.com/questions/15862815/#">Downloads</a> </li> <li><a href="http://stackoverflow.com/questions/15862815/#">Contact Us</a> </li> </ul> </nav> <div id="map" class="pressbox"><a href="http://stackoverflow.com/questions/15862815/#"><img src="http://stackoverflow.com/questions/15862815/location.jpg" alt="" /></a> <br/><a id="directionslink" href="https://maps.google.com.au/maps?q=Raaf+Base+Williams,+Point+Cook,+Victoria&hl=en&sll=-37.860283,145.079616&sspn=1.333617,1.760559&oq=raaf+base+williams&hq=Raaf+Base+Williams,+Point+Cook,+Victoria&t=m&z=15" target="_blank">Click Here For Directions</a> </div> <div id="underconstruction" class="construct"><a href="http://stackoverflow.com/questions/15862815/#"><img src="http://stackoverflow.com/questions/15862815/Unavailable Feature.png" /></a> </div> <div id="leave" class="request"><a href="http://stackoverflow.com/questions/15862815/#"></a> <br/> </div> </body>\[/code\]And here is my CSS:\[code\] .logo { float: left; position: absolute; left: -28.5em; top: -22em; z-index: 0; } /*---------- BODY --------------------------------*/ body { text-align: center; background: #e0e0e0; padding-bottom: 200px; z-index: 1; } a { text-decoration: none; z-index: 1; } /*---------- Wrapper --------------------*/ nav { width: 95%; height: 4em; background: #003C82; border-radius: 10px; margin-left: auto; margin-right: auto; position: absolute; top: -3em; z-index: 1; } ul { text-align: center; margin: auto; z-index: 1; } ul li { margin-top: -1.5em; font-family:
Why is my div not appearing?
- Thread starter sceresoft
- Start date