I want to use CSS and HTML to do this can anyone help me.
I have a header with a grey background. I want to make the header text towards the left side and put my nav bar on the right side on the grey background.
If need me to post my CSS Code tell me.
Here is the link to what i am making. I am new to coding so ya. Also if you see the copyright text it is too big, how can i make it smaller? I try using the CSS size code but does not work.
http://chattyden.darkbb.com/My-Online-Portfolio-h2.htm
My CSS Code:
I have a header with a grey background. I want to make the header text towards the left side and put my nav bar on the right side on the grey background.
If need me to post my CSS Code tell me.
Here is the link to what i am making. I am new to coding so ya. Also if you see the copyright text it is too big, how can i make it smaller? I try using the CSS size code but does not work.
http://chattyden.darkbb.com/My-Online-Portfolio-h2.htm
My CSS Code:
Code:
<!-- NAV BAR -->
<head>
<style type="text/css">
ul,div.header,div.footer {list-style-type:none; margin:0; padding:0; font-size:15px; font-family:Arial;}
li {display:inline;}
a {text-decoration:none;}
a:hover,a:active {color:black;}
div.header,div.footer {padding:0.5em; color:white; background-color:gray; clear:left;}
p.header {padding:0; margin:0; font-size:30px; font-family:arial;}
p.footer {padding:auto; margin:auto; font-family:arial;}
</style>
</head>
<body>
<div class="header"><p class="header">Graphics8 - My Online Portfolio</p></div>
<br/>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">About</a></li>
</ul>
</body>
<!-- END NAV BAR -->
