/* CSS Document */
.content
{
width:1014px;
border:1px solid #0033CC;
height:250px;
}
.box
{
width:225px;
height:300px;
float:left;
border:1px solid #FF0000;
padding-top:10px;
}
.icon
{
width:37px;
height:47px;
background-repeat:no-repeat;
background-image: url(images/icon.jpg);
}
.button
{
width:180px;
height:50px;
background-image: url(images/button.jpg);
background-repeat:no-repeat;
margin-top:30px;
}
.myBox {
margin: 0 auto;
border: 0px solid #fff;
color: #9966CC;
width: 25%;
padding: 20px;
text-align: left;
background-color: #f00;
border-top: #FF0000;
border-bottom: #FF0000;
border-left: #fff;
border-right: #fff;
float:left;
margin-left:10px;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
.small_logo
{
width:37px;
height:46px;
background-repeat:no-repeat;
background-image: url(images/brwoser.jpg);
float:left;
margin-left:5px;
}
ul#footerlinks {
float:left;
width:250px
}
#footerlinks li {
color:#666;
display:inline;
list-style-type:none;
font:11px Arial, Helvetica, sans-serif;
}
#footerlinks a {
color:#666;
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
}
#footerlinks a:link, #navlist a:visited {
color:#666;
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
}
#footerlinks a:hover {
color:#ff9800;
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
}
<!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>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/JavaScript" src="js/curvycorners.src.js"></script>
</head>
<body>
<div class="content">
<div class="box">
<dd class="icon"></dd></br></br>
<dd>Send the design</dd></br>
<dd>send us your design in any common format</dd>
</div>
<div class="box">
<dd class="icon"></dd></br></br>
<dd>Send the design</dd></br>
<dd>send us your design in
any common format</dd>
</div>
<div class="box">
<dd class="icon"></dd></br></br>
<dd>Send the design</dd></br>
<dd>send us your design in any common format</dd>
</div>
<div class="box">
<dd class="icon"></dd></br></br>
<dd class="button"><span style="line-height:50px; text-align:center; margin-left:70px;">Home</span></dd>
</div>
</div>
<div class="content">
<div class="myBox">
<dd>Welcome to Rakhi</dd>
<dd><h5>{elcome to Rakhi}</h5></dd>
<dd class="small_logo"></dd>
<dd class="small_logo"></dd>
<dd class="small_logo"></dd>
<dd class="small_logo"></dd>
<dd class="small_logo"></dd>
<dd>Starting form -20$ 90$</dd>
<dd style="text-align:right;">Homepage Innerpage</dd>
</div>
<div class="myBox">
<dd>Welcome to Rakhi</dd>
<dd><h5>{elcome to Rakhi}</h5></dd>
<dd class="small_logo"></dd>
<dd class="small_logo"></dd>
<dd class="small_logo"></dd>
<dd class="small_logo"></dd>
<dd class="small_logo"></dd>
<dd>Starting form -20$ 90$</dd>
<dd style="text-align:right;">Homepage Innerpage</dd>
</div>
<div class="myBox">
</div>
</div>
<div id="footerlinks">
<ul>
<li><a href="index.html" >Home</a> |</li>
<li><a href="about.html">About</a> |</li>
<li><a href="index.html" >Home</a> |</li>
<li><a href="about.html">About</a> |</li>
<li><a href="index.html" >Home</a> |</li>
<li><a href="about.html">About</a> |</li>
</ul>
</div>
<div class="content">
<dd class="icon"></dd>
<dd style="margin-left:5px; float: inherit;">wetreytyikjl</dd>
</div>
</body>
</html>
0 Response to "HTML & CSS practice"
Post a Comment