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

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -