Thread: New Layout
View Single Post
Old 05-05-2008, 05:19 PM   #35 (permalink)
peterhuang913
Retired.
 
peterhuang913's Avatar
 
Join Date: Dec 2005
Location: Los Angeles, California
Posts: 8,148
Send a message via AIM to peterhuang913
Default Re: New Layout

I see you've changed somethings.

I changed border-style. Changed links to white so its easier to see.

One thing you probably haven't noticed is that when you change your website, it becomes invalid due to old HTML things you use. Whenever I post my new codes to you, it is validated. To check for validation, go to: The W3C Markup Validation Service. Type in your address there and it shows you have errors. Some things to look out for is not to use <b> but instead use <strong>. Also, you don't need to use <br> as it does so when you use </p> followed by <p> on the next line.

New code, same look as current website but passes validation:
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
/*<![CDATA[*/
 
<!-- 
body  {
        font: 100% Verdana, Arial, Helvetica, sans-serif;
        background: #000000;
        margin: 0;
        padding: 0;
        text-align: center; 
        color: #FFFFFF;
}
.twoColLiqLtHdr #container { 
        width: 60%;
        margin: 20px auto;
        border: 1px solid #000000;
        text-align: left;
} 
.twoColLiqLtHdr #header { 
        background: #000000; 
        padding: 0 10px;
} 
.twoColLiqLtHdr #header h1 {
        margin: 0; 
        padding: 10px 0; 
}
.twoColLiqLtHdr #sidebar1 {
        float: left; 
        width: 125PX;
        background: #000000; 
}
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
        margin-left: 10px; 
        margin-right: 10px;
}
.twoColLiqLtHdr #mainContent { 
        margin: 0 0 0 125PX; 
        padding: 1px 0 5% 10px;
        background: #333333;
}
.twoColLiqLtHdr #footer { 
        padding: 0 10px; 
        background:#000000;
}
.twoColLiqLtHdr #footer p {
        text-align: center;
        margin: 0; 
        padding: 10px 0;
}
.fltrt { 
        float: right;
        margin-left: 8px;
}
.fltlft { 
        float: left;
        margin-right: 8px;
}
.clearfloat { 
        clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a:link {
        color: #000000;
        text-decoration: none;
}
a:visited {
        text-decoration: none;
        color: #000000;
}
a:hover {
        text-decoration: underline;
        color: #FF0000;
}
a:active {
        text-decoration: none;
        color: #000000;
}
--> 
/*]]>*/
</style>
<!--[if IE]>
<style type="text/css"> 

.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }

</style>
<![endif]-->
</head>

<body class="twoColLiqLtHdr">

<div id="container">

<div id="header">
<h1><img src="Main.jpg" alt="" height="108" width="780" /></h1>
<!-- end #header --></div>

<div id="sidebar1">
<h3><a href="Artwork.html"><img src="Artwork_Tab.jpg" alt="Artwork" height="32" width="103" style="border-style: none"/></a></h3>
<h3><a href="Writing.html"><img src="Writing_tab.jpg" alt="Writing" height="32" width="103" style="border-style: none"/></a></h3>
<h3><a href="About.html"><img src="About_Tab.jpg" alt="Profile" height="32" width="103" style="border-style: none"/></a></h3>
<h3><a href="Linkshell.html"><img src="Linkshell.jpg" alt="Diecast Messiah" height="32" width="103" style="border-style: none"/></a></h3>
<h3><a href="Links.html"><img src="Links_tab.jpg" alt="Links" height="32" width="103" style="border-style: none"/></a></h3>
<h3><a href="mailto:objecterror@mischiev0us.net"><img src="Contact_Tab.jpg" alt="Email" height="32" width="103" style="border-style: none"/></a></h3>
<!-- end #sidebar1 --></div>

<div id="mainContent">

<p><strong>Monday,May 5th, 2008</strong></p>

<p>After alot of work and time spent in front of the pc, not to mention a lot of help from some web guru's over at the <a href="http://www.tech-forums.net/pc">tech-forums</a>, I was able to put together a new layout. Complete redux of the old layout, this one will take actual div's and put them to good use! So, I hope to get back on track, the DiecastMessiah webpage under <b>Linkshell</b> will be up in a few more days. Enjoy my website once it's got more content!</p>

<!-- end #mainContent --></div>

<div id="footer">
<p>All contents copyright &copy; 2008, [Aaron Bailey]. All rights reserved</p>
<!-- end #footer --></div>

<!-- end #container --></div>
</body>
</html>

__________________


My computer uses 1.5A-load, .8A-idle, .65A-standby, .05A-turned off on 125V.
"The spaces between your fingers were created so that another's could fill them in."
Quote:
Originally Posted by Norcent View Post
I need to stop using the internet.

Last edited by peterhuang913; 05-05-2008 at 05:22 PM.
peterhuang913 is offline   Reply With Quote