UNC Header

The Image, HTML and CSS

Header Image:

CSS Code:

#UNCheader {width:786px; background-image:url("../images/uncheader.jpg"); height:136px; margin:auto; position:relative;} #UNCheader ul {margin:0; padding:0;} #UNCheader li {list-style:none; position: absolute; } #UNCheader a {display:block; height:20px;} #UNCheader a:hover {border:2px solid #31429A;} #accessibility li {height:1px; top:0; width:1px;} #row1 li {height:20px; top:1px;} #calendar {width:60px; left:8px;} #contact {width:60px; left:75px;} #atoz {width:60px; left:140px;} #officedirectory {width:90px; left:199px;} #departmentlist {width:88px; left:291px; } #studentsearch {width:84px; left:380px;} #employeeseach {width:95px; left:464px;} #sitesearch {width:65px; left:563px;} #home {width:40px; left:637px;} #unchome {width:200px; height:75px; left:8px; top:25px;} #unchome a {height:75px;} #unchome a:hover {border:none;} #row3 li {top:112px; height:15px;} #row3 a:hover {border-top:none; border-left:none; border-right:none; border-color:#2971A7;} #aboutus {left:12px; width:52px;} #academics {left:68px; width:57px;} #admissions {left:128px; width:60px;} #athletics {left:192px; width:50px;} #campuslife {left:247px; width:60px;} #prospective {left:310px; width:109px;} #current {left:424px; width:89px;} #faculty {left:518px; width:68px;} #alumni {left:593px; width:79px;}

HTML Code: