HTML: Box above picture -
i want have black box goes side side of page above body background photo. started html think might bit of basic question, want know code task. thanks.
i think want buddy: http://jsfiddle.net/7uj69/
html
<div class="header"><h1>linton hopkins</h1></div> <div class="wrapper"> <div class="nav"> <div class="item"><a href="#">about</a></div> <div class="item"><a href="#">other</a></div> </div> </div>
css
body{margin:0; padding:0; background:url(http://www.lintonhopkins.netau.net/1400877.jpg)top left no-repeat;} div{display:block; position:relative;} .header{width:100%; text-align:center; background:#000; padding:10px 0;} h1{color:#fff; margin:0; padding:0;} a{color:#fff;} .wrapper{width:100%;} .nav{width:600px; margin-right: auto; margin-left:auto;} .item{display:inline; padding:5px; float:left;}
let me know if have problem.
Comments
Post a Comment