Need Coding Help ASAP

Jax

Jax

Addicted
Joined
Jul 28, 2011
Messages
984
Reaction score
119
FP$
1,726
Good Evening! Hello, I have been doing one of my college assignments over the last 2 days and I am really tight with this deadline and really need a hand.

I have been assigned to design and code 4 pages for a website, now i have done the design side but now I am coding using Dreamweaver and I have a big problem.

With a navigation bar how can you add a background color and make the block fit within a large box with the rest of my header.

I have tried margins and padding and floating nothing works :/

If you could help me you would be a life saver!!!
 
Have you got a live preview of the website so I can take a look?
 
no but I can screenshot for you!

What It Should Look Like :/
Index_Page_zps968e38f1.png

What It Looks Like
Help_zps0dde5542.jpg

The Code
Code: 
body {
	background: url(http://pixfill.com/wp-themes/medianews/wp-content/themes/medianews-theme/images/background/bg4.png) no-repeat top center fixed;
	font-family: Eurostile Extended;
	font-size: 13px;
	font-weight: 400;
	color: #333333;
	overflow-x: hidden;
}

H1 {
	Font-Family: Eurostile Extended;
}
#main {
	Background:#FFF;
	width:1180px;
	hight:100%;
	margin:25px auto;
	padding:10px;
	
}
#Nav {
	Background: #d3d3d3;
	Width:100%;
	Hight:30px;
}
	
#Header_Nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	Hight: 30px;
}
#Header_Nav li {
	margin: 5px;
	float:left;
}

#Header_Nav li a {
	color: #161616;
	padding: 10px;
	text-decoration: none;
	display:block;
}
#Header_Nav li a:hover {
	color: #f25213;
}
 
there you go
Code: 
<html lang="en">
<head>
		<meta charset="utf-8" />
    	<title>Retro Publishing</title>
		<link href="CSS.css" rel="stylesheet" type="text/css">
	</head>
    <body>
	<div id="main">
    	<header>
        <div id="Nav">
        	<ul id="Header_Nav"> 
  				<li><a href="#">Home</a></li> 
  				<li><a href="#">News</a></li> 
  				<li><a href="#">About Us</a></li> 
  				<li><a href="#">Contact</a></li>
  			</ul>
        </div>
<script id="Search">
  (function() {
    var cx = '017054856331657462649:k36jz9lcecm';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>
                                
        <img src="Images/Logo.png" width="389" height="160"/>
        </header>
	
		<section>
        
        </section>
        
        <footer>
        ©2014 Retro Publishing All rights reserved.
        </footer>
	</div>
    </body>
</html>
 
Why are you using Dreamweaver is you're learning to code?
 
I hate dreamweaver it add extra code that is not needed, if your doing an assignment you should be using raw html and css without dreamweaver
 
You must log in or register to reply here.

About Us

Since 2007, Forum Promotion has specialized in providing advertising solutions to webmasters looking to promote their communities. We pride ourselves in being the bridge that connects forum administrators, bloggers, and more.

Sponsors

Affiliates

    Universal Gaming The Coffee House

Stay Connected

Back
Top Bottom