Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2014
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Site gets bugged with multiple navigations

    Hey guys,
    Since recently I've been trying to pick up my HTML/CSS again. Now I've used some tutorials but they didn't really tell me how to do this exactly. (They probably covered it someway or another, I just didn't really put the links together, yet.)

    Let's get right into it! This is what my website looks like, right now. (Please ignore the weird color combinations as I put these up just so I have an idea of what space I have to reserve for everything)



    HTML CODE
    Code:
    <!doctype html>
    <html>
    	<head>
    		<title>BlockBusterz</title>
    		<meta charset="utf-8" />
    		<link rel="stylesheet" href="CSS/stylesheet.css" />
    	</head>
    
    	<body>
    		<div class="middle">
    
    		<div class="logo">
    			<h1>LOGO</h1>
    		</div>
    
    		<div class="timers">
    			<h1>TIMERS</h1>
    		</div>
    
    		<div class="profile">
    			<h1>PROFILE</h1>
    		</div>
    
    	<div= class"leftnav">
    		<div class="misdaadnav">
    		<aside>
    			<h2>Misdaad</h2>
    				<ul>
    					<li><a href="#">Misdaden plegen</a></li>
    					<li><a href="#">Voertuigen stelen</a></li>
    					<li><a href="#">Georganiseerde misdaad</a></li>
    					<li><a href="#">Route 66</a></li>
    					<li><a href="#">Drugshandel</a></li>
    					<li><a href="#">Coca´ne fabriek</a></li>
    					<li><a href="#">Wietplantage</a></li>
    					<li><a href="#">Drugs Wars</a></li>
    				</ul>
    		</aside>		
    		</div>
    
    		<div class="communitynav">
    		<aside>
    			<h2>Community</h2>
    				<ul>
    					<li><a href="#">Misdaden plegen</a></li>
    					<li><a href="#">Voertuigen stelen</a></li>
    					<li><a href="#">Georganiseerde misdaad</a></li>
    					<li><a href="#">Route 66</a></li>
    					<li><a href="#">Drugshandel</a></li>
    					<li><a href="#">Coca´ne fabriek</a></li>
    					<li><a href="#">Wietplantage</a></li>
    					<li><a href="#">Drugs Wars</a></li>
    				</ul>
    		</aside>		
    		</div>
    
    		<div class="content">
    				<h1> BlockBusterz </h1>
    
    				<p>There is some mother****ing content here and ****.</p>
    		</div>
    
    		<div class="rightnav">
    		<aside>
    				<ul>
    					<li>
    						<a href="#">Home</a>
    					</li>
    					<li>
    						<a href="#">About</a>
    					</li>
    					<li>
    						<a href="#">Contact</a>
    					</li>
    				</ul>
    		</aside>
    		</div>
    
    		</div>
    
    	</body>
    </html>
    CSS CODE
    Code:
    body {
    	background: #e3e3e3;
    	font-family: sans-serif;
    	margin: 0;
    }
    
    .middle {
    	width: 1100px;
    	margin: auto;
    }
    
    /*
    *******************
    * =header
    *******************
    */
    
    .logo {
    	text-indent: -9999px;
    	width: 185px;
    	height: 185px;
    	background: green;
    	margin-top: 10px;
    	margin-right: 15px;
    	margin-bottom: 15px;
    	float: left;
    
    }
    
    .timers {
    	text-indent: -9999px;
    	width: 625px;
    	height: 185px;
    	margin-top: 10px;
    	background: green;
    	float: left;
    }
    
    .profile {
    	text-indent: -9999px;
    	width: 185px;
    	height: 185px;
    	background: green;
    	margin-top: 10px;
    	margin-left: 15px;
    	margin-bottom: 15px;
    	float: left;
    }
    
    /*
    *******************
    * =navigation
    *******************
    */
    
    .leftnav {
    	width: 185px;
    	height: 1000px;
    }
    
    .misdaadnav {
    	width: 185px;
    }
    
    .misdaadnav aside {
    	background: darkblue;
    	width: 185px;
    	margin-right: 15px;
    	float: left;
    }
    
    .misdaadnav h2 {
    	text-align: center;
    	margin: 5px 0px 5px px;
    }
    
    .communitynav {
    	width: 185px;
    }
    
    .communitynav aside {
    	background: darkblue;
    	width: 185px;
    	margin-right: 15px;
    	float: left;
    }
    
    .communitynav h2 {
    	text-align: center;
    	margin: 5px 0px 5px 0px;
    }
    
    .rightnav aside {
    	background: darkblue;
    	width: 185px;
    	height: 1000px;
    	margin-left: 15px;
    	float: left;
    }
    
    aside ul {
    	list-style: none;
    	padding-left: 10px;
    	margin: 5px;
    	margin-bottom: 10px;
    }
    
    /*
    *******************
    * =content
    *******************
    */
    
    .content {
    	background: grey;
    	width: 625px;
    	height: 1000px;
    	margin: auto;
    	float: left;
    }
    Meanwhile I'll be googling to maybe find out on my own what is going wrong, thanks alot in advance!

    ~ Forca

  • #2
    New to the CF scene
    Join Date
    May 2014
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oh lol I noticed that I didn't say what needs to happen. Obviously my content box in the middle needs to get on the same height as my first navigation. (When I delete the second navigation box it works, maybe that's a hint? I'm confused)

    By the way, aren't there no edit post buttons on these forums?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •