Banner header : Banner « CSS Controls « HTML / CSS

Home
HTML / CSS
1.CSS
2.CSS Controls
3.Form
4.IE Firefox
5.Layout
6.Marquee Attributes
7.Meta Tags
8.Microsoft Attributes
9.Object
10.Reference
11.Style Basics
12.Tags
13.Templates
14.XML
HTML / CSS » CSS Controls » Banner 
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
java2s.com  |  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.