Hi,
please check the following code;
<?
session_start();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Admin Panel</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="<?=$_SERVER['DOCUMENT_ROOT']?>/admin/stylesheet/adminstyle.css" type="text/css" rel="stylesheet">
<? echo $_SERVER['DOCUMENT_ROOT']."/admin/stylesheet/adminstyle.css"; ?>
<script>
function chk(name)
{
if(name == 'pro')
{
document.getElementById("content").src = "view_provinces.php";
}
if(name == 'loc')
{
document.getElementById("content").src = "view_locations.php"
}
}
</script>
</head>
<body id="mainpage">
<div id="main">
<div id="header">
EyeOnPakistan Admin Panel
</div>
<div id="welcome">
Welcome <? echo $_SESSION['username'].":"; ?> <a id="logout" href="logout.php">Logout</a>
</div>
<div id="header1">
Your last visit was on:
</div>
<div id="navigation">
<ul>
<li id="pro"><a href="#" onClick="chk('pro')" id="province">Provinces</a></li>
<li id="loc"><a href="#" onClick="chk('loc')">Locations</a></li>
<li id="slide"><a href="#" onClick="chk('slideshow')">Slide Show</a> </li>
<li id="users"><a href="#" onClick="chk('users')">Users</a></li>
<li id="updates"><a href="#" onClick="chk('users')">Updates</a></li>
<li id="search"><a href="#" onClick="chk('users')">Search</a></li>
</ul>
</div>
<div>
<iframe height="700" width="730" id="content" scrolling="no" frameborder="0">
</iframe>
</div>
<div id="footer">
Copyright © 2009 EyeOnPak.All rights reserved.
</div>
</div>
</body>
</html>and the css code is:
.header_txt
{
background-color:#485C91;
color:#FFFFFF;
}
.mainTable
{
background-color:#CCFF99;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
border-collapse:collapse;
border-color:#003399;
font-weight:bold;
height:550px;
}
.admin_header
{
font-family:"Trebuchet MS";
font-weight:bold;
text-align:center;
font-size:14px;
color:#CC6600;
background-color:#CCFFCC;
}
td
{
color:#003366;
}
td.login
{
color:#003366;
text-align:center;
}
.loginbtn
{
color:#FFFFFF;
font-family:"Courier New", Courier, monospace;
font-size:12px;
background-color:#CC6600;
}
.indexTable
{
background-color:#CCCCCC;
font-family:"Trebuchet MS";
font-size:14px;
border-collapse:collapse;
font-weight:bold;
}
.link
{
font-size:10px;
font-weight:bold;
color:#990000;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-shadow:#003399;
}
.detail
{
border-color:#009999;
color:#0099CC;
}
.pages
{
font-family:"Trebuchet MS";
font-size:14px;
color:#CCFF99;
}
.loctable
{
font-size:11px;
font-family:"Verdana";
margin-top:25px;
}
.inner_head
{
background-color:#0099CC;
letter-spacing:3px;
font-size:10px;
font-weight:bold;
color:#FFFFFF;
}
.wite
{
color:#FFFFFF;
}
.t_tr
{
/*background-color:#33CCCC;*/
background-color:#ADF8B9;
}
.t_tr2
{
background-color:#D6FCED;
}
.t_heading
{
background-color:#63A2E7;
height:25px;
font-weight:bold;
}
.header{
font-size:14px;
font-family:"Trebuchet MS";
color:#0099CC;
font-weight:bold;
}
/* ---- */
body
{
background-color:#FAF8E2;
}
#mainpage {
font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
background-color:#E5E5E5;
background-image:url(pattern.GIF);
}
table
{
border-collapse:collapse;
}
#main
{
width:750px;
margin-left:109px;
border:1px solid;
border-color:#999999;
background-color:#FFFFFF;
height:970px;
}
#header
{
width:750px;
padding-left:450px;
font-size:20px;
font-weight:bold;
word-spacing:3px;
letter-spacing:1px;
border-top:1px solid;
border-color:#D7D7D7;
background-image:url(../images/flag.jpg);
height:150px;
padding-top:120px;
font-family:"Trebuchet MS";
color:#FFFFFF;
}
#header1
{
border-bottom:1px solid;
border-right:1px solid;
border-top:1px solid;
border-left:1px solid;
border-color:#FFFFFF;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
font-weight:bold;
text-align:justify;
width:750px;
color:#009966;
background-color:#CFE99A;
}
#welcome
{
text-align:right;
font-size:14px;
font-weight:bold;
font-family:"Trebuchet MS";
color:#990000;
margin-left:10px;
}
/*#pakimg
{
border:1px solid;
margin-left:320px;
padding:1px;
border:1px solid;
border-color:#006600;
margin-top:40px;
width:100px;
}*/
#navigation
{
margin-top:20px;
margin-left:5px;
background-color:#99CC66;
width:733px;
float:left;
border:1px solid;
border-bottom:0px;
border-color:#0099CC;
}
#navigation ul
{
margin: 0;
padding: 0;
list-style: none;
}
#navigation li
{
width:121px;
text-align:center;
display:inline;
float:left;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
border-right:1px solid;
border-color:#FFFFCC;
}
#navigation li a
{
height:30px;
width:121px;
line-height:30px;
text-decoration:none;
color:#FFFFCC;
font-weight:bold;
}
#navigation li a:hover
{
background-color:#0099CC;
color:#FFFFCC;
}
/*to give color to the visited links */
#navigation li a:active
{
background-color:#FAF8E2;
border-bottom:0px;
color:#0099CC;
}
#navigation li#search
{
border-right:none;
/*width:45px*/
}
#content
{
margin-left:10px;
border:1px solid;
border-color:#0099CC;
background-color:#FFFFCC;
margin-top:0px;
border-top:0px;
}
#footer
{
width:750px;
margin-top:2px;
background-color:#0099CC;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
.logout
{
color:#006600;
line-height:2px;
}
#pro_link a
{
text-decoration:none;
}
#pro_link a:hover
{
text-decoration:underline;
}It is not applying the css as the path is correct. Will any one please guide?