viperfx07 is here to blog about hacking, cracking, website, application, android, and many more.

Tuesday, September 7, 2010

Week 6 Practical Exercise (Challenge Only)

4:21 PM Posted by viperfx07 No comments
Challenge week 6 is about CSS layout.
To get the same result is impossible, but I guess I do it OK.
Below is the code...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Week 6's Challenge</title>
<style type="text/css">
<!--
#right-insert
{
    float:right;
 background-color: #909090;
    font-size: 35px;
    color: #ED4623;
    padding: 10px 2px 10px 5px;
 text-align:justify;
    width: 190px;
 font-family: "Times New Roman", sans-serif;
 letter-spacing: 1px;
    margin-right: 500px;
}
p
{
 margin-right: 600px;
 text-align:justify;
}
-->
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem sapien, bibendum ut tincidunt sit amet, dapibus a augue. Vivamus iaculis malesuada velit sit amet euismod. Integer feugiat nisi at enim mattis at feugiat libero pretium. Nunc porta porttitor varius. Vivamus non felis quis magna bibendum varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus tincidunt justo dictum nisi fermentum ut facilisis libero ultrices. Maecenas lobortis interdum magna, sed convallis felis convallis eget. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi tincidunt purus sit amet neque suscipit tempor. Nunc sem eros, ullamcorper nec pulvinar nec, placerat bibendum lorem.
</p>
<div id="right-insert">
this is some text in a box text text text text
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem sapien, bibendum ut tincidunt sit amet, dapibus a augue. Vivamus iaculis malesuada velit sit amet euismod. Integer feugiat nisi at enim mattis at feugiat libero pretium. Nunc porta porttitor varius. Vivamus non felis quis magna bibendum varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus tincidunt justo dictum nisi fermentum ut facilisis libero ultrices. Maecenas lobortis interdum magna, sed convallis felis convallis eget. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi tincidunt purus sit amet neque suscipit tempor. Nunc sem eros, ullamcorper nec pulvinar nec, placerat bibendum lorem.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem sapien, bibendum ut tincidunt sit amet, dapibus a augue. Vivamus iaculis malesuada velit sit amet euismod. Integer feugiat nisi at enim mattis at feugiat libero pretium. Nunc porta porttitor varius. Vivamus non felis quis magna bibendum varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus tincidunt justo dictum nisi fermentum ut facilisis libero ultrices. Maecenas lobortis interdum magna, sed convallis felis convallis eget. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi tincidunt purus sit amet neque suscipit tempor. Nunc sem eros, ullamcorper nec pulvinar nec, placerat bibendum lorem.
</p>
</body>
</html>

0 comments:

Post a Comment