Jump to content
Sign in to follow this  
rtarson

Sidebar HTML is not working no matter what!

Recommended Posts

So, I'm trying to make this website for a friend and the sidebar is not cooperating! It is having a bit of issues it keeps on going underneath all of the content instead of going to the right side like it is supposed to do!

I'm going to insert some code and tell me if you see something that will make the sidebar go off to the bottom instead of going to the side!

Sorry the code snippet is not working

 

 

<html>
<head>
<title>About Us | NueroEdge</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
</head>
<body>
<!-- Header Wrapper -->
<div class="wrapper style1">
<!-- Header -->
<div id="header">
<div class="container">
<!-- Logo -->
<h1><a href="#" id="logo">Solarize</a></h1>
<!-- Nav -->
<nav id="nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li>
<a href="">Dropdown</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li>
<a href="">Phasellus consequat</a>
<ul>
<li><a href="#">Lorem ipsum dolor</a></li>
<li><a href="#">Phasellus consequat</a></li>
<li><a href="#">Magna phasellus</a></li>
<li><a href="#">Etiam dolore nisl</a></li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="#">Veroeros feugiat</a></li>
</ul>
</li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>
</div>
</div>
</div>
<!-- Main -->
<div id="main" class="wrapper style4">
<div class="container">
<div class="row">
<!-- Content -->
<div id="content" class="8u skel-cell-important">
<section>
<header class="major">
<h2>WE ARE NUEROEDGE</h2>
<span class="byline">POWERED BY ANAZRO</span>
</header>
<div class="wsite-spacer" style="height:53px;"></div>
<img src="imagesNueroEdgeLogo.png"align="left" height="150" width="160" ><div class="paragraph" style="display:block;"><font size="3"><strong>H</strong>ello, and welcome to our team Nueroedge! The world's upcoming top organizational Team. #NueroEdge. It was first founded January of 2015. Yes, We are fairly new but we also have a vision for one of the bigger computational team! If you have any question about you security visit our <a href="/privacy-policy.html" title="">privacy policy</a> and/or our <a href="/contactus.html" title="">contact us</a>! We know that we are a fairly new company and we want to respect your privacy and be the next big thing!</font></div>
<hr style="width:100%;clear:both;visibility:hidden;">
<aside><a class="twitter-timeline" href="https://twitter.com/NueroEdge" data-widget-id="574673632108134400">Tweets by @NueroEdge</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></aside></p>
</div>
</section>
</div>
<!-- Sidebar -->
<aside>
<div id="sidebar" class="4u">
<section>
<header class="major">
<h2>Etiam malesuada</h2>
</header>
<ul class="default">
<li><a href="#">Pellentesque lectus gravida blandit</a></li>
<li><a href="#">Lorem ipsum consectetuer adipiscing</a></li>
<li><a href="#">Phasellus nibh pellentesque congue</a></li>
<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
<li><a href="#">Maecenas vitae orci feugiat eleifend</a></li>
<li><a href="#">Phasellus nibh pellentesque congue</a></li>
<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
</ul>
</section>
<section>
<header class="major">
<h2>Mauris vulputate</h2>
</header>
<ul class="default">
<li><a href="#">Pellentesque lectus gravida blandit</a></li>
<li><a href="#">Lorem ipsum consectetuer adipiscing</a></li>
<li><a href="#">Phasellus nibh pellentesque congue</a></li>
<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
<li><a href="#">Maecenas vitae orci feugiat eleifend</a></li>
<li><a href="#">Phasellus nibh pellentesque congue</a></li>
<li><a href="#">Cras vitae metus aliquam pharetra</a></li>
</ul>
</section>
</div>
</div>
</div>
</div>
</aside>
<!-- Team -->
<div class="wrapper style5">
<section id="team" class="container">
<header class="major">
<h2>Key Members/Co-Founder</h2>
<span class="byline">These are the people who make it Happen! Click the Picture for twitter</span>
</header>
<div class="row">
<div class="3u">
<a href="#" class="image"><img src="images/ryantarson.png" alt="" style="width:162px;height:162px"></a>
<h3>Ryan Tarson</h3>
<p>Ryan is a Contributor, Website Developer, Social Media Admin, Account Managers, Hosting, Financial Advisor, PC Gamer/PC streamer</p>
</div>
<div class="3u">
<a href="#" class="image"><img src="images/kavini.png" alt="" style="width:162px;height:162px"></a>
<h3>Kavin I.</h3>
<p>Kavin is a Contributor, GFX Artist, Streamer, Competitive Gamer, Social Media Moderator, Account Manager</p>
</div>
<div class="3u">
<a href="#" class="image"><img src="images/placeholder.png" alt="" style="width:162px;height:162px"></a>
<h3>Help Wanted</h3>
<p>Another Develper Needed</p>
</div>
<div class="3u">
<a href="#" class="image"><img src="images/placeholder.png" alt="" style="width:162px;height:162px"></a>
<h3>Help Wanted</h3>
<p>Streamer/Competitive Player. Trust worthy</p>
</div>
</div>
</section>
</div>
<!-- Footer -->
<div id="footer">
<section class="container">
<header class="major">
<h2>Connect with us</h2>
<span class="byline">Want to stay up to date? Follow our Social Media Networks.</span>
</header>
<ul class="icons">
<li class="active"><a href="https://www.facebook.com/pages/NueroEdge/1560679180842070" class="fa fa-facebook"><span>Facebook</span></a></li>
<li><a href="https://twitter.com/NueroEdge" class="fa fa-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="fa fa-youtube-play"><span>YouTube</span></a></li>
<li><a href="https://plus.google.com/111096761474269802283/about" class="fa fa-google-plus"><span>Google+</span></a></li>
<li><a href="#" class="fa fa-envelope"><span>Mail></a></li>
</ul>
<hr />
</section>
<!-- Copyright -->
<div id="copyright">
©2014 <a href="http://nueroedge.com">NueroEdge</a> All Rights Reserved | <a href="http://nueroedge.com">Contact Us |</a> <a href="http://nueroedge.com/cc0">Team Members </a>
</div>
</div>
</body>
</html>

 

 

 

Please help me out, Thanks!

Edited by rtarson

Share this post


Link to post
Share on other sites

have you tried z-index property??...........we will need to see your code to give you a solution..

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...