Banner header : Banner « CSS Controls « HTML / CSS






Banner header

  
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>*KHAKI*</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style rel="stylesheet" type="text/css">



#banner {
  float: left;
  width: 750px;
  height: 180px;
  padding: 0;
  margin-bottom: 0;
  background: #eee url(img/banner.jpg);
}

#banner h1 {
  margin: 40px 0 0 20px;
  font: normal 2em georgia, verdana, arial, tahoma, sans-serif;
  text-transform: none;
  letter-spacing: 3px;
  color: #acaf2c;
  background: transparent;
}

</style>

</head>
<body>
  <div id="banner">
    <h1> Company Name</h1>
  </div>

</body>
</html>

   
    
  








Related examples in the same category

1.Banner with tab like menu bar
2.Two column with banner and top menu
3.Banner with search box
4.Huge banner
5.Split the banner with link list
6.Binder like banner
7.Large banner image