|
-
Apr 13th, 2009, 03:05 AM
#1
test
<!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>
<title>Rodelio Rodriguez - Home...</title>
<style type="text/css" media="screen">
body {
background-color: #FFFFFF;
font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
color: #333333;
text-align: center;
}
/* Paragraph */
p {
padding: 12px 10px;
}
/* images */
img {
background: #FAFAFA;
border: 1px solid #E4E4E4;
padding: 8px;
}
#wrap {
position: relative;
width: 200px;
background: #FFF url(wrap.jpg) repeat-y center top;
margin: 40px auto 30px auto;
text-align: left;
}
#content {
clear: both;
margin-left: auto ;
margin-right: auto ;
}
#sidebar {
float: center;
width: 100px;
padding: 0;
margin: 0 45px 0 0;
display: inline;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
#footer {
clear: both;
margin: 0;
padding: 0 0 25px 0;
background: #FFF url(footer.jpg) no-repeat 0% bottom;
font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;
font-size: 0.95em;
color: #777;
text-align: center;
letter-spacing: .2px;
}
#footer p {
padding: 20px 0 30px 0;
}
#copy { position: absolute; right: 10px; bottom: 1px; text-align: left; }
</style>
</head>
<body>
<div id="wrap">
<div id="content">
<div id="sidebar">
<p><img src="dee-u.gif" alt="Bio Picture" class="float-left no-format" /> This is Rodelio M.
Rodriguez from Philippines. I am playing with my start-up page so you will see lots of changes as
the days goes by.</p>
</div>
</div>
<div id="footer">
<p>Copyright © Rodelio Rodriguez 2009</p></div>
</div>
</body>
</html>
Last edited by dee-u; Apr 17th, 2009 at 03:27 AM.
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|
™
Reply With Quote