Web Development
>
Web Design, HTML and CSS
>
Hmm? can any1 check this script for errors and CSS styling errors?
Have something to say? Contribute New Article Reply to this Article Hmm? can any1 check this script for errors and CSS styling errors?
<?php
include ("./config/config.php");
?>
<!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">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<script type="text/javascript" src="custom.js"></script>
<head>
<style type="text/css" media="all">
@import "css/style2.css";
@import "css/style.css";
@import "css/stylesheet.css";
</style>
</head>
<body>
<div id="topbarleft"></div>
<div id="topbarright"></div>
<div id="topbar">Website MAY not be fully compatible in outdated browser versions or Internet Explorer.</div>
<div id="wrapper">
<div id="header">
</div>
<div id="funbox">
<div id="funboxwrap">
<div id="headmenu">
<p>
<?php include("extra.php");?>
</p>
</div>
<div id="eventbox">
<a href="main.php?index=event1" class="event1"></a>
<div id="eventright">
<a href="main.php?index=event2" class="event2"></a>
<a href="main.php?index=event3" class="event3"></a>
</div>
</div>
</div>
<div id="quicknav">
<div class="buttons">
<a href="main.php?index=register" class="register"></a>
<a href="main.php?index=download" class="download"></a>
</div>
</div>
<div id="sidebar">
<div id="clock">
<div id="clocky">
<span id="digitalclock" class="styling"></span>
<script>
<!--
/*****************************************
* LCD Clock script- by Javascriptkit.com
* Featured on/available at http://www.dynamicdrive.com/
* This notice must stay intact for use
*****************************************/
var alternate=0
var standardbrowser=!document.all&&!document.getElementById
if (standardbrowser)
document.write('<form name="tick"><input type="text" name="tock" size="6"></form>')
function show(){
if (!standardbrowser)
var clockobj=document.getElementById? document.getElementById("digitalclock") : document.all.digitalclock
var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var dn="AM"
if (hours==12) dn="PM"
if (hours>12){
dn="PM"
hours=hours-12
}
if (hours==0) hours=12
if (hours.toString().length==1)
hours="0"+hours
if (minutes<=9)
minutes="0"+minutes
if (standardbrowser){
if (alternate==0)
document.tick.tock.value=hours+" : "+minutes+" "+dn
else
document.tick.tock.value=hours+" "+minutes+" "+dn
}
else{
if (alternate==0)
clockobj.innerHTML=hours+"<font color='#2272b6'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
else
clockobj.innerHTML=hours+"<font color='#002749'> : </font>"+minutes+" "+"<sup style='font-size:1px'>"+dn+"</sup>"
}
alternate=(alternate==0)? 1 : 0
setTimeout("show()",1000)
}
window.onload=show
//-->
</script>
</div>
</div>
<div class="info">
<p class="infotext">
<?php
include ("statusbar.php");
?>
</p>
</div>
<div class="help">
<p>
<a href="<?php echo $votelink;?>" class="vote"></a>
<a href="main.php?index=donate" class="donate">
</a>
</p>
</div>
<ul>
</ul>
</div>
<div id="main">
<div id="box2">
<div class="spacer"></div>
<a href="main.php?index=chatroom" id="chatroom">
</a>
<a href="main.php?index=forum" id="forums">
</a>
</div>
<div id="box">
</div>
<?php
if($_SESSION['id']){
echo "<fieldset><legend><b>Welcome to $servername, ".getName()."</b></legend>";
echo "<a href=\"main.php?index=community\"><img src=\"images/lnav1-21.jpg\" border=\"0\"></a><a href=\"main.php?index=logout\"><img src=\"images/lnav1-42.jpg\" border=\"0\"></a>";
include ("status.php");
echo "</fieldset>";
}else{
echo "<fieldset><legend><b>Welcome to $servername,Please Login</b></legend>";
echo "<a href=\"main.php?index=login\"><img src=\"images/login_btn.gif\" border=\"0\"></a>";
include ("status.php");
echo "</fieldset>";
}
?>
<fieldset>
<?php include ("sources/more/flash.php");?>
<table cellspacing="0" cellpadding="3" border="0" align="center" width="100%">
<tr>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'right' : 'left', '">
<a href="http://www.mysql.com/" target="_blank"><img id="powered-mysql" src="images/powered/h_powered-mysql.gif" border="0" ></a>
<a href="http://www.php.net/" target="_blank"><img id="powered-php" src="images/powered/h_powered-php.gif" border="0" ></a>
</td>
<td valign="middle" align="center" style="white-space: nowrap;">
</td>
<td width="28%" valign="middle" align="', !$context['right_to_left'] ? 'left' : 'right', '">
<a href="http://jigsaw.w3.org/check/referer" target="_blank"><img id="valid-css" src="images/powered/h_valid-css.gif" border="0"></a>
<a href="http://validator.w3.org/check/referer" target="_blank"><img id="valid-xhtml10" src="images/powered/h_valid-xhtml10.gif" border="0"></a>
</td></tr></table>
</fieldset>
</body>
</html>/*---Info-
This CSS sheet will be reused only for the next update or migrate purpose. Other than that, it is for this temporary site while in progress of coding, not to be reused.
---*/
/*-Primary Structure, site position source-*/
body {
background-repeat: no-repeat;
background-color: #5578a3;
font-family: arial, helvetica, sans-serif;
font-size: 14px;
margin-top: 0px;
padding: 0px;
}
#topbar {
background-image: url('images/topbar.gif');
background-repeat: repeat-x;
height: 18px;
overflow: hidden;
text-align: center;
margin: 0px;
color: #fff;
font-size: 12px;
margin-bottom: 0px;
}
#topbarleft {
background-image: url('images/topbarleft.png');
background-repeat: no-repeat;
float: left;
width: 42px;
height: 18px;
}
#topbarright {
background-image: url('images/topbarright.png');
background-repeat: no-repeat;
float: right;
width: 42px;
height: 18px;
}
#wrapper {
margin: 0 auto;
background-color: none;
text-align: left;
border: 0;
overflow: hidden;
width: 840px;
}
#header {
background-image: url('images/logo.png');
width: 820px;
height: 220px;
}
#funboxwrap {
float: right;
}
#headmenu {
background-image: url('images/headmenu.png');
width: 629px;
height: 35px;
margin-right: 20px;
}
#ann {
background-image: url('images/ann1.png');
width: 840px;
height: 46px;
padding: 0px;
}
#funbox {
background-image: url('images/funbox.png');
width: 840px;
height: 185px;
padding: 0px;
}
#sidebar {
background-image: url('./images/sidebg.png');
background-repeat: repeat-y;
width: 170px;
padding-bottom: 30000px;
margin-bottom: -30000px;
margin-right: 0px;
padding-right: 0px;
float: left;
}
#registertop {
background-image: url('images/regtop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#downloadtop {
background-image: url('images/downloadtop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#registercenter {
background-color: #a7cbe5;
opacity: 0.8;
width: 654px;
margin-left: 1px;
font-size: 12px;
color: #000;
font-weight: bold;
position: relative;
}
/*--side contains--*/
.sidetop {
background-image: url('images/sidetop.gif');
width: 173px;
margin-right: 0px;
height: 12px;
padding-right: 0px;
}
#quicknav {
float: left;
background-image: url('./images/quicknav.png');
width: 155px;
height: 180px;
margin-left: 9px;
padding: 0px;
opacity: 0.9;
margin-top: 0px;
}
.info {
background-image: url('images/infoo.png');
width: 144px;
height: 117px;
margin-left: 10px;
padding: 0px;
}
.help {
background-image: url('images/help.png');
background-repeat: no-repeat;
width: 144px;
height: 117px;
margin-left: 10px;
margin-top: 30px;
padding-top: 20px;
}
.login {
background-image: url('images/Login.jpg');
width: 144px;
height: 117px;
margin-left: 10px;
padding-top: 20px;
}
.ads {
background-image: url('images/advertise.png');
background-repeat: no-repeat;
width: 144px;
height: 300px;
margin-left: 10px;
margin-top: 30px;
padding-top: 20px;
padding-bottom: 30px;
}
/*--end side contain--*/
#main {
width: 667px;
float: right;
margin: 0px;
padding: 0px;
}
#admin {
background-image: url('images/loginbtn.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 1;
}
#box {
background-image: url('images/boxbg.gif');
background-repeat: no-repeat;
width: 667px;
height: 125px;
}
#box2 {
background-image: url('images/box2bg.png');
background-repeat: no-repeat;
width: 667px;
height: 54px;
padding-top: 0px;
position: relative;
}
#BeLegit {
background-image: url('http://advimages.nexon.net/MapleStory/leafgear/image/banners/belegit_130x55.gif');
background-repeat: no-repeat;
width: 130px;
height: 55px;
padding-top: 0px;
position: relative;
}
#key_search {
background-image: url('images/search.jpg');
background-repeat: no-repeat;
width: 279px;
height: 85px;
padding-top: 0px;
position: relative;
}
#key_search form {
width:100%;
height:100%;
padding:0;
}
#s {
border:0;
background-color:transparent;
width:119px;
height:20px;
margin:43px 0 0 85px;
float:left;
font-size: 16px;
color:#282828;
}
#searchButton {
width:24px;
height:31px;
margin:38px 25px 0 0;
float:right;
}
.styling {
font-size: 14px;
color: #002749;
font-weight: bold;
}
#clocky {
margin-right:56px;
padding-top: 35px;
}
#clock {
background-image: url('images/ctime.png');
width: 144px;
height: 62px;
text-align: center;
margin-left: 15px;
background-repeat: no-repeat;
}
.spacer {
background-image: url('images/float-top.png');
background-repeat: no-repeat;
width: 114px;
height: 4px;
margin-left: 400px;
margin-top: 0px;
}
#content {
background-image: url('images/contentbg.png');
background-repeat: repeat-y;
width: 667px;
padding-bottom: 30000px;
margin-bottom: -30000px;
}
#footer {
background-image: url('images/footer.png');
width: 820px;
height: 28px;
clear: both;
margin-left: 10px;
position: relative;
}
/*---------------------------------*/
/*-Secondary structure, images, innerdiv divides-*/
#eventbox {
background-image: url('images/eventbox.png');
background-repeat: no-repeat;
width: 629px;
height: 120px;
margin-top: 15px;
}
/*eventbox includes: */
.event1 {
background-image: url('images/event1image.png');
background-repeat: no-repeat;
width: 423px;
height: 66px;
float: left;
margin-top: 39px;
margin-left: 15px;
opacity: 0.7;
display: block;
}
.event1:hover {
background-image: url('images/event1image.png');
background-repeat: no-repeat;
width: 423px;
height: 66px;
float: left;
margin-top: 39px;
margin-left: 15px;
opacity: 0.9;
display: block;
}
#eventright {
float: right;
}
.event2 {
background-image: url('images/event2image.png');
background-repeat: no-repeat;
width: 178px;
height: 37px;
margin-top: 36px;
margin-right: 12px;
opacity: 0.7;
display: block;
}
.event2:hover {
background-image: url('images/event2image.png');
background-repeat: no-repeat;
width: 178px;
height: 37px;
margin-top: 36px;
margin-right: 12px;
opacity: 0.9;
display: block;
}
.event3 {
background-image: url('images/event3image.png');
background-repeat: no-repeat;
width: 178px;
height: 36px;
margin-right: 12px;
opacity: 0.7;
display: block;
}
.event3:hover {
background-image: url('images/event3image.png');
background-repeat: no-repeat;
width: 178px;
height: 36px;
margin-right: 12px;
opacity: 0.9;
display: block;
}
/*end*/
#contenttop {
background-image: url('images/contop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#helpustop {
background-image: url('images/helpserver.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#faqtop {
background-image: url('images/faqtop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#ranktop {
background-image: url('images/pvpranktop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#scripttop {
background-image: url('images/scripttop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#eventtop {
background-image: url('images/eventtop.png');
background-repeat: no-repeat;
opacity: 0.8;
width: 657px;
height: 41px;
float: top;
position: relative;
}
#contentcenter {
background-color: #FFF;
opacity: 0.8;
width: 654px;
margin-left: 1px;
position: relative;
}
#contentbottom {
background-image: url('images/conbottom.png');
opacity: 0.8;
width: 654px;
height: 26px;
margin-left: 1px;
}
#staffhead {
background-image: url('images/staffhead.gif');
background-repeat: no-repeat;
margin-top: 2px;
margin-left: 5px;
width: 651px;
height: 48px;
}
#rankings {
font-family: arial, helvetica, sans-serif;
margin: 0px;
}
table {
margin: 0px;
border: 0px;
padding: 0px;
}
.staffboxbase {
background-image: url('images/staffbg.gif');
background-repeat: no-repeat;
margin-top: 5px;
margin-left: 4px;
width: 651px;
height: 100px;
}
.staffinfo {
font-size: 12px;
color: #001122;
float: left;
margin-left: 30px;
margin-top: 45px;
}
.staffinfo2 {
font-size: 12px;
color: #001122;
float: left;
margin-left: 30px;
margin-top: 45px;
}
.staffinfo3 {
font-size: 12px;
color: #001122;
float: left;
margin-left: 30px;
margin-top: 45px;
}
.characterimage {
float: right;
margin-right: 18px;
}
#downloadtotal {
padding-top: 30px;
}
.buttons {
padding-top: 41px;
margin-left: 7px;
}
.buttons2 {
margin-top: 14px;
margin-left: 8px;
}
.manageinfo {
background-image: url('images/manage.png');
background-repeat: no-repeat;
width: 59px;
height: 15px;
padding-bottom: 3px;
display: block;
float: left;
}
.tools {
background-image: url('images/tool.png');
background-repeat: no-repeat;
width: 59px;
height: 15px;
padding-bottom: 3px;
display: block;
float: right;
margin-right: 25px;
}
.button3 {
margin-bottom: 5px;
float: left;
}
/*text*/
p.infotext {
font-size: 12px;
color: #002347;
padding-top: 35px;
padding-left: 9px;
}
p.content {
font-size: 12px;
color: #000;
padding-left: 12px;
width: 600px;
margin: 0px;
}
.downloadcontent {
padding-right: 30px;
padding-top: 10px;
padding-bottom: 7px;
padding-left: 2px;
}
.date {
font-size: 11px;
color: #000;
font-style: italic;
padding: 0px;
width: 600px;
}
p.contenttitle {
font-family: arial, helvetica, sans-serif;
font-size: 18px;
color: #00354d;
padding-left: 12px;
background-color: #abcddd;
width: 642px;
margin: 0px;
}
p.download {
font-size: 12px;
color: #000;
padding-left: 12px;
width: 500px;
margin: 0px;
}
p#copyright {
font-size: 12px;
color: #000;
padding-top: 7px;
margin: 0px;
text-align: center;
}
p.announce {
font-size: 14px;
color: #fff;
padding-top: 15px;
margin: 0px;
text-align: center;
}
.various {
font-size: 12px;
color: #002347;
margin-bottom: 10px;
margin-left: 2px;
}
.various p.header {
font-size: 16px;
color: #002347;
font-weight: bold;
margin-bottom: 3px;
margin-left: 4px;
}
/*end*/
.on {
color: #339933;
font-weight: bold;
}
.off {
color: #993333;
font-weight: bold;
}
/*--buttons contain--*/
.register {
background-image: url('images/reg.png');
background-repeat: no-repeat;
width: 125px;
height: 48px;
padding-bottom: 3px;
display: block;
}
.register:hover {
background-image: url('images/reghov.png');
width: 125px;
height: 48px;
display: block;
}
.download {
background-image: url('images/dl.png');
background-repeat: no-repeat;
width: 125px;
height: 39px;
padding-bottom: 0px;
display: block;
}
.download:hover {
background-image: url('images/dlhov.png');
background-repeat: no-repeat;
width: 125px;
height: 39px;
padding-bottom: 0px;
display: block;
}
.vote {
margin-top: 20px;
background-image: url('images/vote.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 0.8;
}
.vote:hover {
margin-top: 20px;
background-image: url('images/vote.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 1;
}
.donate {
background-image: url('images/donate.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 0.8;
}
.spacer {
background-image: url('float-top.gif');
background-repeat: no-repeat;
width: 114px;
height: 4px;
margin-left: 400px;
margin-top: 0px;
}
#chatroom {
background-image: url('images/chatroom.png');
background-repeat: no-repeat;
width: 114px;
height: 24px;
margin-left: 400px;
display: block;
}
#forums {
background-image: url('images/forums.png');
background-repeat: no-repeat;
width: 114px;
height: 23px;
margin-left: 400px;
display: block;
}
#Quit {
background-image: url('images.ms.com/quit.png');
background-repeat: no-repeat;
width: 114px;
height: 23px;
margin-left: 400px;
display: block;
}
.donate:hover {
background-image: url('images/donate.png');
background-repeat: no-repeat;
width: 107px;
height: 27px;
margin-left: 10px;
display: block;
opacity: 1;
/*end*/
/*-end-*/
/*text and decoration*/
#sidebar ul{
font-size: 12px;
color: #ffffff;
list-style-type: none;
margin: 0px;
padding-left: 15px;
}
ul.rewardlist{
font-size: 12px;
color: #000;
margin: 0px;
padding-left: 20px;
}
ul{
list-style-type: none;
margin: 0px;
padding: 0px;
}
img {
border: 0px;
margin: 0px;
padding: 0px;
}
a {
outline: none;
}
/*menu settings*/
#headmenu a:link {
color: #194d7e;
text-decoration: none;
}
#headmenu a:visited {
color: #194d7e;
text-decoration: none;
}
#headmenu a:hover {
color: #000000;
background-image: url('..gif');
background-repeat: repeat-x;
height: 25px;
padding-top: 7px;
text-decoration: none;
}
#headmenu a:active {
color: #000000;
text-decoration: none;
}
#headmenu p {
font-size: 12px;
color: #194d7e;
padding-top: 10px;
margin: 0px;
padding-left: 20px;
/*font-weight: bold;*/
text-align: center;
}
#headmenu a {
padding-right: 5px;
padding-left: 5px;
}
.announce a:link {
color: #dadada;
text-decoration: none;
}
.announce a:visited {
color: #dadada;
text-decoration: none;
}
.announce a:hover {
color: #000000;
text-decoration: none;
}
.announce a:active {
color: #dadada;
text-decoration: none;
}
a:link {
color: #003a5f;
text-decoration: none;
}
a:visited {
color: #003a5f;
text-decoration: none;
}
a:hover {
color: #1182c9;
text-decoration: none;
}
a:active {
color: #1182c9;
text-decoration: none;
}
/*end*/
/*--morebuttons--*/
.homebutton {
background-image: url('images/homebutton.png');
background-repeat: no-repeat;
}
.regbutton {
background-image: url('images/regbutton.png');
background-repeat: no-repeat;
width: 76px;
height: 19px;
}
.downbutton {
background-image: url('images/downloadbutton.png');
background-repeat: no-repeat;
width: 93px;
height: 15px;
}
.forumbutton {
background-image: url('images/forumbutton.png');
background-repeat: no-repeat;
width: 65px;
height: 15px;
}
.chatbutton {
background-image: url('images/chatbutton.png');
background-repeat: no-repeat;
width: 84px;
height: 15px;
}
.rankbutton {
background-image: url('images/rankbutton.png');
background-repeat: no-repeat;
width: 57px;
height: 15px;
}
.guidebutton {
background-image: url('images/guidesbutton.png');
background-repeat: no-repeat;
width: 62px;
height: 15px;
}
.staffbutton {
background-image: url('images/staffbutton.png');
background-repeat: no-repeat;
width: 52px;
height: 18px;
}
.donatebutton {
background-image: url('images/donatebutton.png');
background-repeat: no-repeat;
width: 68px;
height: 15px;
}
.whitetext12 {
display: none;
}
a {
margin: 0px;
padding: 0px;
}This article has been dead for over three months
You
© 2012 DaniWeb® LLC
