Frontpage
Forums
Tutorials
Members
Calendar
Subscription
Donate
Links
Contact 
Help
I am cleaning my sites code and would appreciate some help please.
Main page:
Spoiler
<!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" />
<meta http-equiv="pragma" content="no-cache" />
<title>Welcome to the Windows Post-Install Wizard Website</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//<![CDATA[
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
//]]>
</script>
</head>
<body>
<div id="width">
<div id="logoheader" align="center"> <a href="home.html"></a>
<img src="Images/logo.png" alt="WPI" />
</div>
<div id="navbar">
<a href="home.html"><img src="Images/homenavbutton.gif" alt="Home" /></a>
<img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" />
<a href="changelog.html"><img src="Images/changelognavbutton.gif" alt="Change Log" /></a>
<img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" />
<a href="pics.html"><img src="Images/imagesnavbutton.gif" alt="Images" /></a>
<img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" /> <a href="doc.html">
<img src="Images/docnavbutton.gif" alt="Doc" /></a> <img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" />
<a href="help.html"><img src="Images/helpnavbutton.gif" alt="Help" /></a>
<img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" />
<a href="http://www.wpiw.net/downloads/WPI_v8.6.3.rar"><img src="Images/downloadnavbutton.gif" alt="download" /></a></div>
<div id="mainsiteimage">
<img src="Images/centerlogo.jpg" alt="Download WPI Today"/></div>
<p id="googleads">
<script type="text/javascript"><!--
google_ad_client = "pub-2124282215136912";
/* 728x90, created 4/27/09 */
google_ad_slot = "3488792025";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<div id="sidebar">
<p id="sidebarpara">
<a href="http://www.wpiw.net/downloads/WPI_v8.6.3.rar"><img src="Images/cornerversionad.gif" alt="New!" /></a><br />
<a href="http://www.msfn.org/board/index.php?showforum=93" target="_blank"><span class="big">WPI Forum</span></a> <br />
Talk about and request help with WPI <a href="http://www.msfn.org/board/index.php?showforum=93" target="_blank">HERE</a> <br /><br />
<a href="files.html"><span class="big">WPIW Files Page</span></a> <br />
Find the most commonly changed WPI files <a href="files.html"><br />HERE</a></p>
<p id="sidebarpara">
<a href="http://www.msfn.org/" target="_blank"><img src="Images/msfn.gif" alt="msfn" /></a>
<a href="http://www.ryanvm.net/msfn/" target="_blank"><img src="Images/ryanvms.gif" alt="RVMs" /></a>
<a href="http://www.wincert.net/" target="_blank"><img src="Images/wincert.gif" alt="Wincert" /></a></p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="S6AQ2CT4H3CQJ">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<p>
<script type="text/javascript"><!--
google_ad_client = "pub-2124282215136912";
/* 160x600, created 4/27/09 */
google_ad_slot = "5238248779";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
</div>
<div id="contentmain">
<center>
<p id="Header1"> <img src="Images/welcomeh1.gif" alt="Welcome" /> </p>
</center>
<p id="content">Windows Post-Install Wizard (WPI for
short) is a hypertext application designed for giving users choice. While
Windows XP offers many ways of customizing the setup process out of the box,
its major drawback is the lack of being able to select which applications an
end user may install. In the past, end users and administrators needed to
either download the files manually, or create overly complex scripts that
could only be used once. WPI allows you to create one image, which can then
be custom configured, and optionally, automated, so that end users can
install any applications.<br />
<br />
WPI is a simple to use automation program for the choice and installation of
multiple programs, tweaks and scripts. No longer will you need a dozen CD's
or more when doing a fresh Installation. No longer will you need multiple
files when you are servicing another PC. With Windows Post-Install Wizard
all that you will need is 1 or 2 CD\DVD's to fully install your PC with all
of your apps, scripts, registry files or tweaks. Instead of having to
re-download those apps like adobe reader, flash or updates to programs you
can have them all on one disk. With WPI you can have all of them all on one
disk and then have a nice interface for selecting which apps to install and
after configured properly WPI will install all of them without any needed
input from you. WPI also and is commonly used added to your windows
installation disks. This way you can automate the complete process of
Windows and program installations.<br />
<br />
With your typical setup of WPI you have your OS and all of the apps, tweaks
and such on one disk. After windows installs, WPI kicks in and you are given
a selection of everything you have configured WPI with, then you can select
the ones you want or simply let the timer run out and your default apps will
install.</p>
<p id="homescreenshot"> <img src="Images/Mainani.gif" alt="WPI"/></p>
<p id="content"> If you do not know what WPI is, read the <a href="doc.html">documentation</a>.
If your problems persist, ask your questions in the
<a href="http://www.msfn.org/board/index.php?amp;showforum=93" target="_blank">forum</a>.
Please do a search first - someone might have asked the same question before.</p>
<p align="center"><img src="screenshots/screen6.jpg"/></p>
<p id="content"> I would like to thank all of the people who have made WPI the app it is today.
If you have helped with WPI and your name is not mentioned in the manual or the docs on this site please let me know.
I will add your name in the credits.</p>
</div>
<p id="googleads3">
<script type="text/javascript"><!--
google_ad_client = "pub-2124282215136912";
/* 728x90, created 4/27/09 */
google_ad_slot = "3488792025";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
</p>
<div id="footer"> <br />
Updated by <a href="http://www.msfn.org/board/index.php?showuser=6960">Kelsenellenelvian</a>
<script language="JavaScript" type="text/javascript">
var d = new Date(document.lastModified); document.write(" on " + d);
</script>
</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="pragma" content="no-cache" />
<title>Welcome to the Windows Post-Install Wizard Website</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
//<![CDATA[
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
//]]>
</script>
</head>
<body>
<div id="width">
<div id="logoheader" align="center"> <a href="home.html"></a>
<img src="Images/logo.png" alt="WPI" />
</div>
<div id="navbar">
<a href="home.html"><img src="Images/homenavbutton.gif" alt="Home" /></a>
<img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" />
<a href="changelog.html"><img src="Images/changelognavbutton.gif" alt="Change Log" /></a>
<img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" />
<a href="pics.html"><img src="Images/imagesnavbutton.gif" alt="Images" /></a>
<img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" /> <a href="doc.html">
<img src="Images/docnavbutton.gif" alt="Doc" /></a> <img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" />
<a href="help.html"><img src="Images/helpnavbutton.gif" alt="Help" /></a>
<img src="Images/navsep.gif" alt="navsep" width="1px" height="60px" />
<a href="http://www.wpiw.net/downloads/WPI_v8.6.3.rar"><img src="Images/downloadnavbutton.gif" alt="download" /></a></div>
<div id="mainsiteimage">
<img src="Images/centerlogo.jpg" alt="Download WPI Today"/></div>
<p id="googleads">
<script type="text/javascript"><!--
google_ad_client = "pub-2124282215136912";
/* 728x90, created 4/27/09 */
google_ad_slot = "3488792025";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
<div id="sidebar">
<p id="sidebarpara">
<a href="http://www.wpiw.net/downloads/WPI_v8.6.3.rar"><img src="Images/cornerversionad.gif" alt="New!" /></a><br />
<a href="http://www.msfn.org/board/index.php?showforum=93" target="_blank"><span class="big">WPI Forum</span></a> <br />
Talk about and request help with WPI <a href="http://www.msfn.org/board/index.php?showforum=93" target="_blank">HERE</a> <br /><br />
<a href="files.html"><span class="big">WPIW Files Page</span></a> <br />
Find the most commonly changed WPI files <a href="files.html"><br />HERE</a></p>
<p id="sidebarpara">
<a href="http://www.msfn.org/" target="_blank"><img src="Images/msfn.gif" alt="msfn" /></a>
<a href="http://www.ryanvm.net/msfn/" target="_blank"><img src="Images/ryanvms.gif" alt="RVMs" /></a>
<a href="http://www.wincert.net/" target="_blank"><img src="Images/wincert.gif" alt="Wincert" /></a></p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="S6AQ2CT4H3CQJ">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
<p>
<script type="text/javascript"><!--
google_ad_client = "pub-2124282215136912";
/* 160x600, created 4/27/09 */
google_ad_slot = "5238248779";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
</div>
<div id="contentmain">
<center>
<p id="Header1"> <img src="Images/welcomeh1.gif" alt="Welcome" /> </p>
</center>
<p id="content">Windows Post-Install Wizard (WPI for
short) is a hypertext application designed for giving users choice. While
Windows XP offers many ways of customizing the setup process out of the box,
its major drawback is the lack of being able to select which applications an
end user may install. In the past, end users and administrators needed to
either download the files manually, or create overly complex scripts that
could only be used once. WPI allows you to create one image, which can then
be custom configured, and optionally, automated, so that end users can
install any applications.<br />
<br />
WPI is a simple to use automation program for the choice and installation of
multiple programs, tweaks and scripts. No longer will you need a dozen CD's
or more when doing a fresh Installation. No longer will you need multiple
files when you are servicing another PC. With Windows Post-Install Wizard
all that you will need is 1 or 2 CD\DVD's to fully install your PC with all
of your apps, scripts, registry files or tweaks. Instead of having to
re-download those apps like adobe reader, flash or updates to programs you
can have them all on one disk. With WPI you can have all of them all on one
disk and then have a nice interface for selecting which apps to install and
after configured properly WPI will install all of them without any needed
input from you. WPI also and is commonly used added to your windows
installation disks. This way you can automate the complete process of
Windows and program installations.<br />
<br />
With your typical setup of WPI you have your OS and all of the apps, tweaks
and such on one disk. After windows installs, WPI kicks in and you are given
a selection of everything you have configured WPI with, then you can select
the ones you want or simply let the timer run out and your default apps will
install.</p>
<p id="homescreenshot"> <img src="Images/Mainani.gif" alt="WPI"/></p>
<p id="content"> If you do not know what WPI is, read the <a href="doc.html">documentation</a>.
If your problems persist, ask your questions in the
<a href="http://www.msfn.org/board/index.php?amp;showforum=93" target="_blank">forum</a>.
Please do a search first - someone might have asked the same question before.</p>
<p align="center"><img src="screenshots/screen6.jpg"/></p>
<p id="content"> I would like to thank all of the people who have made WPI the app it is today.
If you have helped with WPI and your name is not mentioned in the manual or the docs on this site please let me know.
I will add your name in the credits.</p>
</div>
<p id="googleads3">
<script type="text/javascript"><!--
google_ad_client = "pub-2124282215136912";
/* 728x90, created 4/27/09 */
google_ad_slot = "3488792025";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</p>
</p>
<div id="footer"> <br />
Updated by <a href="http://www.msfn.org/board/index.php?showuser=6960">Kelsenellenelvian</a>
<script language="JavaScript" type="text/javascript">
var d = new Date(document.lastModified); document.write(" on " + d);
</script>
</div>
</div>
</body>
</html>
css file:
Spoiler
/* CSS Document */
img {
border: 0px;
}
html {
font-family:Segoe UI, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10pt;
color:#c3c5c4;
}
body {
background-image:url(Images/backgroundgraident.gif);
background-repeat:repeat;
}
h1 {
color:#9fa5a6;
font-size:180%;
font-weight:bold;
border-bottom-color:#9fa5a6;
border-bottom-style:solid;
border-bottom-width:thin;
}
h2 {
color:#9fa5a6;
font-size:160%;
font-weight:bold;
}
h3 {
color:#9fa5a6;
font-size:140%;
font-weight:bold;
}
h4 {
color:#9fa5a6;
font-size:120%;
font-weight:bold;
}
#logoheader {
background-color:black;
padding: 15px;
padding-left:30px;
}
#width {
background-color:black;
width:883px;
padding-left:20px;
padding-right: 20px;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
}
#navbar {
background-color:black;
padding: 15px;
text-align:center;
}
#mainsiteimage {
background-color:black;
text-align:center;
}
hr {
background-image:url(Images/hrsilver.gif);
background-repeat:repeat-x;
height:1px;
padding:0px;
margin:0px;
}
#sidebar {
margin-left:10px;
padding-bottom:10px;
width:250px;
float:left;
text-align:center;
display:inline;
overflow: hidden;
}
#sidebarpara, #seccondsidebarleft, #footer {
background-color:#0d0d0d;
padding:5px;
}
#contentmain {
background-color:#585858;
background-image:url(Images/backgroundflag.gif);
margin-top:13px;
margin-right:10px;
width:600px;
float:right;
padding-bottom:10px;
margin-bottom:10px;
overflow:hidden;
}
#contentmain, #sidebarpara, #seccondsidebarleft, #footer {
border-color:#464646;
border-style:solid;
border-width:1px;
}
#Header1 {
padding-left:15px;
padding-top:15px;
text-align:left;
}
#content {
padding-left:15px;
padding-right:15px;
padding-top:3px;
text-align:left;
}
#homescreenshot {
text-align:center;
}
#googleads {
text-align:center;
}
#googleads2 {
text-align:left;
}
#googleads3 {
text-align:center;
}
#seccondsidebarleft {
text-align:left;
padding:10px;
}
.big {
color:#9fa5a6;
font-size:130%;
font-weight:bold;
border-bottom-color:#9fa5a6;
border-bottom-style:dashed;
border-bottom-width:2px;
}
a:link {
color:#8ae6fd;
text-decoration:none;
}
a:hover {
color:#fe0003;
text-decoration:underline;
}
a:visited {
color:#729fa4;
text-decoration:none;
}
#footer {
text-align:center;
color:#4e4e4e;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
font-size:80%;
padding:10px;
padding-top:5px;
clear:both;
}
.copyright {
font-size:smaller;
}
.bottomborder {
border-bottom-color:#9fa5a6;
border-bottom-style:solid;
border-bottom-width:thin;
}
#Skin-Chooser {
/*width:auto;
float:left;*/
margin-top: 10px;
}
img {
border: 0px;
}
html {
font-family:Segoe UI, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10pt;
color:#c3c5c4;
}
body {
background-image:url(Images/backgroundgraident.gif);
background-repeat:repeat;
}
h1 {
color:#9fa5a6;
font-size:180%;
font-weight:bold;
border-bottom-color:#9fa5a6;
border-bottom-style:solid;
border-bottom-width:thin;
}
h2 {
color:#9fa5a6;
font-size:160%;
font-weight:bold;
}
h3 {
color:#9fa5a6;
font-size:140%;
font-weight:bold;
}
h4 {
color:#9fa5a6;
font-size:120%;
font-weight:bold;
}
#logoheader {
background-color:black;
padding: 15px;
padding-left:30px;
}
#width {
background-color:black;
width:883px;
padding-left:20px;
padding-right: 20px;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
}
#navbar {
background-color:black;
padding: 15px;
text-align:center;
}
#mainsiteimage {
background-color:black;
text-align:center;
}
hr {
background-image:url(Images/hrsilver.gif);
background-repeat:repeat-x;
height:1px;
padding:0px;
margin:0px;
}
#sidebar {
margin-left:10px;
padding-bottom:10px;
width:250px;
float:left;
text-align:center;
display:inline;
overflow: hidden;
}
#sidebarpara, #seccondsidebarleft, #footer {
background-color:#0d0d0d;
padding:5px;
}
#contentmain {
background-color:#585858;
background-image:url(Images/backgroundflag.gif);
margin-top:13px;
margin-right:10px;
width:600px;
float:right;
padding-bottom:10px;
margin-bottom:10px;
overflow:hidden;
}
#contentmain, #sidebarpara, #seccondsidebarleft, #footer {
border-color:#464646;
border-style:solid;
border-width:1px;
}
#Header1 {
padding-left:15px;
padding-top:15px;
text-align:left;
}
#content {
padding-left:15px;
padding-right:15px;
padding-top:3px;
text-align:left;
}
#homescreenshot {
text-align:center;
}
#googleads {
text-align:center;
}
#googleads2 {
text-align:left;
}
#googleads3 {
text-align:center;
}
#seccondsidebarleft {
text-align:left;
padding:10px;
}
.big {
color:#9fa5a6;
font-size:130%;
font-weight:bold;
border-bottom-color:#9fa5a6;
border-bottom-style:dashed;
border-bottom-width:2px;
}
a:link {
color:#8ae6fd;
text-decoration:none;
}
a:hover {
color:#fe0003;
text-decoration:underline;
}
a:visited {
color:#729fa4;
text-decoration:none;
}
#footer {
text-align:center;
color:#4e4e4e;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
font-size:80%;
padding:10px;
padding-top:5px;
clear:both;
}
.copyright {
font-size:smaller;
}
.bottomborder {
border-bottom-color:#9fa5a6;
border-bottom-style:solid;
border-bottom-width:thin;
}
#Skin-Chooser {
/*width:auto;
float:left;*/
margin-top: 10px;
}
Back to top
