Css problem

Question

marjan_m 11 Junior Poster

14 Years Ago

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?

php

3 Contributors
2 Replies
136 Views
1 Day Discussion Span
Latest Post 14 Years Ago Latest Post by dipak_passion

All 2 Replies

Thyrosis 3 Newbie Poster

14 Years Ago

Change line 9 to:

<link href="<?php echo $_SERVER['DOCUMENT_ROOT']; ?>/admin/stylesheet/adminstyle.css" type="text/css" rel="stylesheet">

I've echood the $_SERVER variable and removed a space just after the ?>. One of them might be a disturbance (and it could actually just be the space).

Good luck!
Maybe that helps =)

kanaku commented: that's nice (the helping part) +3

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

dipak_passion 0 Light Poster · Answer 1 · 2009-07-15T14:43:01+00:00

with continuation of Thyrosis comments also remove the height from the div tag which contains iFrame. And place the
<?
session_start();
?>

just after DTD it will create display issue in IE.

Regards

Css problem

Recommended Answers Collapse Answers

All 2 Replies

Recommended Answers