Selamat Datang Di Blogg Saya

Rabu, 11 Mei 2011

Contoh layout CSS

<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
    position:absolute;
    left:30px;
    top:20px;
    width:879px;
    height:104px;
    z-index:1;
    background-color: #FF0000;
}
#Layer2 {
    position:absolute;
    left:32px;
    top:131px;
    width:877px;
    height:48px;
    z-index:2;
    background-color: #0000CC;
}
#Layer3 {
    position:absolute;
    left:286px;
    top:190px;
    width:622px;
    height:279px;
    z-index:3;
    background-color: #00FFFF;
}
#Layer4 {
    position:absolute;
    left:34px;
    top:190px;
    width:244px;
    height:129px;
    z-index:4;
    background-color: #00FF00;
}
#Layer5 {
    position:absolute;
    left:34px;
    top:328px;
    width:245px;
    height:141px;
    z-index:5;
    background-color: #FFFF00;
}
-->
</style>
</head>
<div align="center" id="Layer1"></div>
<div id="Layer2"></div>
<div id="Layer3"></div>
<div id="Layer4"></div>
<div id="Layer5"></div>

</body>
</html>

0 comments:

Posting Komentar