Skip to content

Instantly share code, notes, and snippets.

@hidayat365

hidayat365/layout.html

Created March 19, 2012 12:21
Show Gist options
  • Save hidayat365/2109920 to your computer and use it in GitHub Desktop.
Save hidayat365/2109920 to your computer and use it in GitHub Desktop.
Download ZIP
HTML Float Layout
Raw
layout.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contoh Layout</title>
<style>
p { margin: 0; }
.span-3, .span-6, .span-10, .span-23 {
float:left;
margin-right:10px;
margin-bottom:10px;
}
.span-3 {width:110px;}
.span-6 {width:230px;}
.span-10 {width:400px;}
.span-23 {width:920px;}
.dashboardIcons {
overflow-x:hidden;
overflow-y:hidden;
}
.dashIcon {
float: left;
border: solid 1px #CCCCCC;
background-color: #F9F9F9;
padding: 10px 5px;
margin-bottom: 10px;
text-align: center;
}
.dashIconText{
padding-top:5px;
padding-bottom:5px;
}
</style>
</head>
<body>
<div class="dashboardIcons span-23">
<div class="span-10">
<div class="dashIcon span-3">
<a href="http://birunigroup.com/erp/index.php/master/company/customer">
<img src="http://birunigroup.com/erp/themes/shadow_dancer/images/big_icons/icon-people.png" alt="Customers" /></a> <div class="dashIconText"><a href="http://birunigroup.com/erp/index.php/master/company/customer">Customers</a></div>
</div>
<div class="span-6">
<p>
<strong><a href="http://birunigroup.com/erp/index.php/master/company/customer">Customer List</a></strong>
<br>Manage Customers list here, including add new customer, edit or delete existing customer data.
</p>
</div>
</div>
<div class="span-10">
<div class="dashIcon span-3">
<a href="http://birunigroup.com/erp/index.php/master/company/supplier">
<img src="http://birunigroup.com/erp/themes/shadow_dancer/images/big_icons/icon-warehouse.png" alt="Vendors" /></a> <div class="dashIconText"><a href="http://birunigroup.com/erp/index.php/master/company/supplier">Suppliers</a></div>
</div>
<div class="span-6">
<p>
<strong><a href="http://birunigroup.com/erp/index.php/master/company/supplier">Supplier List</a></strong>
<br>Manage Supplier list here, including add new supplier, edit or delete existing supplier data.
</p>
</div>
</div>
<div class="span-10">
<div class="dashIcon span-3">
<img src="http://birunigroup.com/erp/themes/shadow_dancer/images/big_icons/icon-tools2.png" alt="Projects" />
<div class="dashIconText "><a href="http://birunigroup.com/erp/index.php/master/project">Projects</a></div>
</div>
<div class="span-6">
<p>
<strong><a href="http://birunigroup.com/erp/index.php/master/project">Project List</a></strong>
<br>Manage Project list here, including add new project, edit or delete existing project data.
</p>
</div>
</div>
<div class="span-10">
<div class="dashIcon span-3">
<img src="http://birunigroup.com/erp/themes/shadow_dancer/images/big_icons/icon-building.png" alt="Departments" />
<div class="dashIconText "><a href="http://birunigroup.com/erp/index.php/master/department">Departments</a></div>
</div>
<div class="span-6">
<p>
<strong><a href="http://birunigroup.com/erp/index.php/master/department">Department List</a></strong>
<br>Manage Department list here, including add new department, edit or delete existing department data.
</p>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment