Thakaval Koorai

Saturday 7 September 2013

HTML code is:

<!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>HOME</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="main">
<div class="header">
<center><h1>WELCOME...WE ARE LEARNING CSS !</h1> </center>
</div>
<div class="full">
<div class="picture">
</div>
</div>

<div class="page">
<div class="left">
<center>Left</center>
</div>
<div class="center">
<center>Center</center>
</div>
<div class="right">
<center>Right</center>
</div>

</div>
</div>
</body>
</html>


CSS is:

@charset "utf-8";
/* CSS Document */

body
{
margin:0;
}

#main{
width:1000px;
height:auto;
margin:auto;
border:black thin solid;
}

.header{
width:1000px;
height:100px;
float:left;
background-color:pink;
}

.full
{
width:1000px;
height:400px;
margin-left:300px;
float:left;
}

.picture
{
width:400px;
height:390px;
float:left;
background-image:url(clipart2.gif);
background-repeat:no-repeat;
}

.page
{
width:1000px;
height:200px;
float:left;
border:#FF9999 solid thin;
}

.left
{
width:300px;
height:200px;
float:left;
background-color:#99FFCC;
}

.center
{
width:400px;
height:200px;
float:left;
background-color:#FFCC99;
}

.right
{
width:300px;
height:200px;
float:left;
background-color:#CC99FF;
}

Preview:


No comments:

Post a Comment