PHP RSS PHP RSS

Css problem

Reply

•
•
Join Date: Apr 2005
Posts: 149
Reputation: marjan_m is an unknown quantity at this point 
Solved Threads: 0
marjan_m marjan_m is offline Offline
Junior Poster

Css problem

 
0
  #1
Jul 14th, 2009
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?
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2009
Posts: 3
Reputation: Thyrosis is an unknown quantity at this point 
Solved Threads: 0
Thyrosis Thyrosis is offline Offline
Newbie Poster

Re: Css problem

 
1
  #2
Jul 14th, 2009
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 =)
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2008
Posts: 30
Reputation: dipak_passion is an unknown quantity at this point 
Solved Threads: 1
dipak_passion's Avatar
dipak_passion dipak_passion is offline Offline
Light Poster

Re: Css problem

 
0
  #3
Jul 15th, 2009
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
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the PHP Forum
Thread Tools Search this Thread



301 apache api array autosuggest beginner binary broken cakephp checkbox class cms code compression cron curl data database date display dropdownlist dynamic echo email eregi error execution file files folder form forms function functions google href htaccess html httppost if...loop image include insert ip javascript joomla jquery key library limit link links login mail md5 menu mlm multiple mysql mysql_real_escape_string oop paypal pdf pdfdownload php phpvotingscript problem query radio random recursion remote screen script search searchbox server session sessions sms sorting source space sql syntax system table tutorial update upload url validator variable video volume votedown web website youtube zend
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC