setting div background position

msi_333 · **Posted:** Sun Dec 04, 2011 12:18 am

Anchor div background position.

Code:

<html>
<head>
<title>Anchor background-position</title>
<style rel="stylesheet" type="text/css">
#header {
  width: 800px;
  height: 300px;
  background-position: top right;
  background-image: url(site_logo.gif);
}

#sectionPart {
  float: left;
  margin: 50px 0 0 30px;
}

#sectionPart li {
  display: inline;
  line-height: 40px;
}

#sectionPart li a {
  background-color: green;
  background-position: top right;
  background-repeat: no-repeat;
  height: 40px;
  display: block;
  float: left;
  font-size: 13px;
  color: white;

}

</style>
</head>
<body>
  <div id="header">
    <ul id="sectionPart" >
      <li><a href="#" >Fixed list element example!...</a></li>
       <li><a href="#" >Fixed list element example!...</a></li>
        <li><a href="#" >Fixed list element example!...</a></li>
    </ul>
    </div>

</body>

</html>
 

setting div background position

Users browsing similar codes