943,907 Members | Top Members by Rank

Web Development > PHP > Css problem
Ad:
  • PHP Discussion Thread
  • Unsolved
  • Views: 442
  • PHP RSS
Permalink
Jul 14th, 2009
0

Css problem

Expand Post »
Hi,

please check the following code;

html Syntax (Toggle Plain Text)
  1. <?
  2. session_start();
  3. ?>
  4. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  5. <html>
  6. <head>
  7. <title>Admin Panel</title>
  8. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  9. <link href="<?=$_SERVER['DOCUMENT_ROOT']?> /admin/stylesheet/adminstyle.css" type="text/css" rel="stylesheet">
  10. <? echo $_SERVER['DOCUMENT_ROOT']."/admin/stylesheet/adminstyle.css"; ?> 
  11. <script> 
  12. 	function chk(name)
  13. 	{
  14.  
  15. 		if(name == 'pro')
  16. 		{
  17. 		document.getElementById("content").src = "view_provinces.php";
  18.  
  19. 		}
  20. 		if(name == 'loc')
  21. 		{
  22. 		document.getElementById("content").src = "view_locations.php"
  23. 		}
  24.  
  25. 	}
  26.  
  27. </script> 
  28. </head> 
  29.  
  30. <body id="mainpage"> 
  31.  
  32. <div id="main"> 
  33.  
  34. 	<div id="header"> 
  35. 		EyeOnPakistan Admin Panel
  36. 	</div> 
  37.  
  38. 	<div id="welcome"> 
  39. 	Welcome <? echo $_SESSION['username'].":"; ?>  <a id="logout" href="logout.php"> Logout</a> 
  40. 	</div> 
  41.  
  42. 	<div id="header1"> 
  43.  
  44. 	Your last visit was on:
  45. 	</div> 
  46.  
  47.  
  48. 	<div id="navigation"> 
  49. 	<ul> 
  50.  
  51.   		<li id="pro"> <a href="#" onClick="chk('pro')" id="province"> Provinces</a> </li> 
  52.  
  53. 	     <li id="loc"> <a href="#" onClick="chk('loc')"> Locations</a> </li> 
  54.  
  55.     	 <li id="slide"> <a href="#" onClick="chk('slideshow')"> Slide Show</a>  </li> 
  56.  
  57.       	<li id="users"> <a href="#" onClick="chk('users')"> Users</a> </li> 
  58. 	  <li id="updates"> <a href="#" onClick="chk('users')"> Updates</a> </li> 
  59.   	  <li id="search"> <a href="#" onClick="chk('users')"> Search</a> </li> 
  60. 	</ul> 
  61. 	</div> 
  62.  
  63. 	<div> 
  64.  
  65. 		<iframe height="700" width="730" id="content" scrolling="no" frameborder="0"> 
  66. 		</iframe> 
  67.  
  68. 	</div> 
  69.  
  70. 	<div id="footer"> 
  71. 	Copyright © 2009 EyeOnPak.All rights reserved.	
  72. 	</div> 
  73.  
  74. </div> 
  75. </body> 
  76. </html>

and the css code is:

css Syntax (Toggle Plain Text)
  1. .header_txt
  2. {
  3. background-color:#485C91;
  4. color:#FFFFFF;
  5. }
  6. .mainTable
  7. {
  8. background-color:#CCFF99;
  9. font-family:Verdana, Arial, Helvetica, sans-serif;
  10. font-size:12px;
  11. border-collapse:collapse;
  12. border-color:#003399;
  13. font-weight:bold;
  14. height:550px;
  15. }
  16.  
  17. .admin_header
  18. {
  19. font-family:"Trebuchet MS";
  20. font-weight:bold;
  21. text-align:center;
  22. font-size:14px;
  23. color:#CC6600;
  24. background-color:#CCFFCC;
  25. }
  26. td
  27. {
  28. color:#003366;
  29. }
  30.  
  31. td.login
  32. {
  33. color:#003366;
  34. text-align:center;
  35. }
  36. .loginbtn
  37. {
  38. color:#FFFFFF;
  39. font-family:"Courier New", Courier, monospace;
  40. font-size:12px;
  41. background-color:#CC6600;
  42.  
  43. }
  44. .indexTable
  45. {
  46. background-color:#CCCCCC;
  47.  
  48. font-family:"Trebuchet MS";
  49. font-size:14px;
  50. border-collapse:collapse;
  51. font-weight:bold;
  52.  
  53.  
  54. }
  55.  
  56. .link
  57. {
  58. font-size:10px;
  59. font-weight:bold;
  60. color:#990000;
  61. font-family:Verdana, Arial, Helvetica, sans-serif;
  62. text-shadow:#003399;
  63. }
  64.  
  65. .detail
  66. {
  67. border-color:#009999;
  68. color:#0099CC;
  69. }
  70. .pages
  71. {
  72.  
  73. font-family:"Trebuchet MS";
  74. font-size:14px;
  75. color:#CCFF99;
  76. }
  77.  
  78. .loctable
  79. {
  80. font-size:11px;
  81. font-family:"Verdana";
  82. margin-top:25px;
  83. }
  84. .inner_head
  85. {
  86. background-color:#0099CC;
  87. letter-spacing:3px;
  88. font-size:10px;
  89. font-weight:bold;
  90. color:#FFFFFF;
  91. }
  92.  
  93. .wite
  94. {
  95. color:#FFFFFF;
  96. }
  97.  
  98. .t_tr
  99. {
  100. /*background-color:#33CCCC;*/
  101. background-color:#ADF8B9;
  102. }
  103.  
  104. .t_tr2
  105. {
  106. background-color:#D6FCED;
  107. }
  108.  
  109. .t_heading
  110. {
  111. background-color:#63A2E7;
  112. height:25px;
  113. font-weight:bold;
  114. }
  115. .header{
  116. font-size:14px;
  117. font-family:"Trebuchet MS";
  118. color:#0099CC;
  119. font-weight:bold;
  120. }
  121. /* ---- */
  122. body
  123. {
  124. background-color:#FAF8E2;
  125. }
  126.  
  127. #mainpage {
  128. font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
  129. background-color:#E5E5E5;
  130. background-image:url(pattern.GIF);
  131. }
  132.  
  133. table
  134. {
  135. border-collapse:collapse;
  136. }
  137. #main
  138. {
  139. width:750px;
  140. margin-left:109px;
  141. border:1px solid;
  142. border-color:#999999;
  143. background-color:#FFFFFF;
  144. height:970px;
  145. }
  146.  
  147. #header
  148. {
  149. width:750px;
  150. padding-left:450px;
  151. font-size:20px;
  152. font-weight:bold;
  153. word-spacing:3px;
  154. letter-spacing:1px;
  155. border-top:1px solid;
  156. border-color:#D7D7D7;
  157. background-image:url(../images/flag.jpg);
  158. height:150px;
  159. padding-top:120px;
  160. font-family:"Trebuchet MS";
  161. color:#FFFFFF;
  162.  
  163. }
  164.  
  165. #header1
  166. {
  167. border-bottom:1px solid;
  168. border-right:1px solid;
  169. border-top:1px solid;
  170. border-left:1px solid;
  171. border-color:#FFFFFF;
  172. padding-left:10px;
  173. padding-right:10px;
  174. padding-top:5px;
  175. padding-bottom:5px;
  176. font-size:11px;
  177. font-weight:bold;
  178. text-align:justify;
  179. width:750px;
  180. color:#009966;
  181. background-color:#CFE99A;
  182. }
  183. #welcome
  184. {
  185. text-align:right;
  186. font-size:14px;
  187. font-weight:bold;
  188. font-family:"Trebuchet MS";
  189. color:#990000;
  190. margin-left:10px;
  191. }
  192. /*#pakimg
  193. {
  194. border:1px solid;
  195. margin-left:320px; 
  196. padding:1px;
  197. border:1px solid;
  198. border-color:#006600;
  199. margin-top:40px;
  200. width:100px;
  201.  
  202. }*/
  203.  
  204. #navigation
  205. {
  206. margin-top:20px;
  207. margin-left:5px;
  208. background-color:#99CC66;
  209. width:733px;
  210. float:left;
  211. border:1px solid;
  212. border-bottom:0px;
  213. border-color:#0099CC;
  214. }
  215.  
  216. #navigation ul
  217. {
  218. margin: 0;
  219. padding: 0;
  220. list-style: none;
  221. }
  222.  
  223. #navigation li
  224. {
  225. width:121px;
  226. text-align:center;
  227. display:inline;
  228. float:left;
  229. font-size:12px;
  230. font-family:Verdana, Arial, Helvetica, sans-serif;
  231. border-right:1px solid;
  232. border-color:#FFFFCC;
  233. }
  234.  
  235. #navigation li a
  236. {
  237. height:30px;
  238. width:121px;
  239. line-height:30px;
  240. text-decoration:none;
  241. color:#FFFFCC;
  242. font-weight:bold;
  243.  
  244. }
  245.  
  246. #navigation li a:hover
  247. {
  248. background-color:#0099CC;
  249. color:#FFFFCC;
  250. }
  251.  
  252.  
  253. /*to give color to the visited links */
  254. #navigation li a:active
  255. {
  256. background-color:#FAF8E2;
  257. border-bottom:0px;
  258. color:#0099CC;
  259. } 
  260.  
  261.  
  262.  
  263. #navigation  li#search
  264. {
  265. border-right:none;
  266. /*width:45px*/
  267. }
  268.  
  269.  
  270. #content
  271. {
  272. margin-left:10px;
  273. border:1px solid;
  274. border-color:#0099CC;
  275. background-color:#FFFFCC;
  276. margin-top:0px;
  277. border-top:0px;
  278. }
  279.  
  280. #footer
  281. {
  282. width:750px;
  283. margin-top:2px;
  284. background-color:#0099CC;
  285. color:#FFFFFF;
  286. font-weight:bold;
  287. text-align:center;
  288. }
  289. .logout
  290. {
  291. color:#006600;
  292. line-height:2px;
  293. }
  294.  
  295. #pro_link a
  296. {
  297. text-decoration:none;
  298. }
  299.  
  300. #pro_link a:hover
  301. {
  302. text-decoration:underline;
  303.  
  304. }

It is not applying the css as the path is correct. Will any one please guide?
Similar Threads
Reputation Points: 21
Solved Threads: 0
Junior Poster
marjan_m is offline Offline
149 posts
since Apr 2005
Permalink
Jul 14th, 2009
1

Re: Css problem

Change line 9 to:
PHP Syntax (Toggle Plain Text)
  1. <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 =)
Reputation Points: 13
Solved Threads: 0
Newbie Poster
Thyrosis is offline Offline
3 posts
since Jul 2009
Permalink
Jul 15th, 2009
0

Re: Css problem

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
Reputation Points: 11
Solved Threads: 1
Light Poster
dipak_passion is offline Offline
34 posts
since Dec 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in PHP Forum Timeline: how to give content limit
Next Thread in PHP Forum Timeline: Netbeans: code completion not working well





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC