JavaScript / DHTML / AJAX RSS JavaScript / DHTML / AJAX RSS

What is wrong wtih my css?

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

•
•
Join Date: May 2005
Posts: 23
Reputation: n2ads is an unknown quantity at this point 
Solved Threads: 0
n2ads's Avatar
n2ads n2ads is offline Offline
Newbie Poster

What is wrong wtih my css?

 
0
  #1
Aug 12th, 2005
I am stuck. For some reason, my external css will only affect my links on my site. The color and hover color will change when i change it in the css. What is weird is the links are even coming from a php file <? require_once("NavigationTemplate.php");?>

The problem is that my font-size and family will not change when i change it in the css. can someone tell me what is wrong. here is the css and html code:

textandlinks.css
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. font-family: arial, helvetica, verdana, sans-serif;
  2. font-size: 12px;
  3. font-style: normal;
  4. line-height: normal;
  5. font-weight: normal;
  6. font-variant: normal;
  7. text-transform: none;
  8. color: #000000;
  9. a:link {color: #0000FF}
  10. a:visited {color: #0000FF}
  11. a:hover {color: #FF00FF}
  12. a:active {color: #0000FF}
  13. h1 {font-size: 16px; font-style: italic}
  14. h2 {font-size: 12px; font-style: italic}
  15. p {font-size: 12; font-style: normal; font-family: arial, helvetica, verdana, sans-serif}


html code:
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <?
  2. require_once("conn.php");
  3. require_once("includes.php");
  4.  
  5. ?>
  6.  
  7. <html>
  8. <head>
  9. 	<title>Indie Music, Music Promotion and Music Resource at N2Ads.com</title>
  10. 	<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
  11. 	<META NAME="DESCRIPTION" CONTENT="<?=$aset[SiteDescription]?>">
  12. 	<META NAME="KEYWORDS" CONTENT="<?=$aset[SiteKeywords]?>">
  13. 	<META name="robots" content="Index,Follow">
  14.  
  15.  
  16.  
  17. 	<script language="JavaScript">
  18.  
  19. 		function CheckSearch() {
  20.  
  21. 			if(document.f1.what.value=="")
  22. 			{
  23. 				window.alert('Enter the search criteria, please!');
  24. 				document.f1.what.focus();
  25. 				return false;
  26. 			}
  27.  
  28. 		}
  29.  
  30. 		function CheckFriend() {
  31.  
  32. 			if(document.sfriend.f1.value=="")
  33. 			{
  34. 				window.alert('Enter your email address!');
  35. 				document.sfriend.f1.focus();
  36. 				return false;
  37. 			}
  38.  
  39. 			if(document.sfriend.f2.value=="")
  40. 			{
  41. 				window.alert('Enter your friend email address!');
  42. 				document.sfriend.f2.focus();
  43. 				return false;
  44. 			}
  45.  
  46. 		}
  47.  
  48. 		function CheckLogin() {
  49.  
  50. 			if(document.lform.us.value=="")
  51. 			{
  52. 				window.alert('Enter your username, please!');
  53. 				document.lform.us.focus();
  54. 				return false;
  55. 			}
  56.  
  57. 			if(document.lform.ps.value=="")
  58. 			{
  59. 				window.alert('Enter your password, please!');
  60. 				document.lform.ps.focus();
  61. 				return false;
  62. 			}
  63.  
  64. 		}
  65.  
  66. 		function CheckForgot() {
  67.  
  68. 			if(document.ForgotForm.u2.value=="")
  69. 			{
  70. 				window.alert('Enter your username, please!');
  71. 				document.ForgotForm.u2.focus();
  72. 				return false;
  73. 			}
  74. 		}
  75.  
  76. 		function CheckRegister() {
  77.  
  78. 			if(document.RegForm.NewUsername.value=="")
  79. 			{
  80. 				window.alert('Enter your username, please!');
  81. 				document.RegForm.NewUsername.focus();
  82. 				return false;
  83. 			}
  84.  
  85. 			if(document.RegForm.p1.value=="")
  86. 			{
  87. 				window.alert('Enter your password, please!');
  88. 				document.RegForm.p1.focus();
  89. 				return false;
  90. 			}
  91.  
  92. 			if(document.RegForm.p2.value=="")
  93. 			{
  94. 				window.alert('Confirm your password, please!');
  95. 				document.RegForm.p2.focus();
  96. 				return false;
  97. 			}
  98.  
  99. 			if(document.RegForm.p1.value != "" && document.RegForm.p2.value != "" && document.RegForm.p1.value != document.RegForm.p2.value)
  100. 			{
  101. 				window.alert('Enter and confirm your password again!');
  102. 				document.RegForm.p1.value="";
  103. 				document.RegForm.p2.value="";
  104. 				document.RegForm.p1.focus();
  105. 				return false;
  106. 			}
  107.  
  108. 			if(document.RegForm.FirstName.value=="")
  109. 			{
  110. 				window.alert('Enter your First Name, please!');
  111. 				document.RegForm.FirstName.focus();
  112. 				return false;
  113. 			}
  114.  
  115. 			if(document.RegForm.LastName.value=="")
  116. 			{
  117. 				window.alert('Enter your Last Name, please!');
  118. 				document.RegForm.LastName.focus();
  119. 				return false;
  120. 			}
  121.  
  122. 			if(document.RegForm.phone.value=="")
  123. 			{
  124. 				window.alert('Enter your Phone, please!');
  125. 				document.RegForm.phone.focus();
  126. 				return false;
  127. 			}
  128.  
  129. 			if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(document.RegForm.email.value))
  130. 			{
  131. 				return true;
  132. 			}
  133.  
  134. 			alert("Invalid E-mail Address! Please re-enter.");
  135. 			document.RegForm.email.focus();
  136. 			return false;
  137.  
  138.  
  139. 		}
  140.  
  141. 		function CheckProfile() {
  142.  
  143. 			if(document.RegForm.p1.value=="")
  144. 			{
  145. 				window.alert('Enter your password, please!');
  146. 				document.RegForm.p1.focus();
  147. 				return false;
  148. 			}
  149.  
  150. 			if(document.RegForm.p2.value=="")
  151. 			{
  152. 				window.alert('Confirm your password, please!');
  153. 				document.RegForm.p2.focus();
  154. 				return false;
  155. 			}
  156.  
  157. 			if(document.RegForm.p1.value != "" && document.RegForm.p2.value != "" && document.RegForm.p1.value != document.RegForm.p2.value)
  158. 			{
  159. 				window.alert('Enter and confirm your password again!');
  160. 				document.RegForm.p1.value="";
  161. 				document.RegForm.p2.value="";
  162. 				document.RegForm.p1.focus();
  163. 				return false;
  164. 			}
  165.  
  166. 			if(document.RegForm.FirstName.value=="")
  167. 			{
  168. 				window.alert('Enter your First Name, please!');
  169. 				document.RegForm.FirstName.focus();
  170. 				return false;
  171. 			}
  172.  
  173. 			if(document.RegForm.LastName.value=="")
  174. 			{
  175. 				window.alert('Enter your Last Name, please!');
  176. 				document.RegForm.LastName.focus();
  177. 				return false;
  178. 			}
  179.  
  180. 			if(document.RegForm.phone.value=="")
  181. 			{
  182. 				window.alert('Enter your Phone, please!');
  183. 				document.RegForm.phone.focus();
  184. 				return false;
  185. 			}
  186.  
  187. 			if(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(document.RegForm.email.value))
  188. 			{
  189. 				return true;
  190. 			}
  191.  
  192. 			alert("Invalid E-mail Address! Please re-enter.");
  193. 			document.RegForm.email.focus();
  194. 			return false;
  195.  
  196. 		}
  197.  
  198. 		function CheckOffer() {
  199.  
  200. 			if(document.PostForm.SelectCategory.value=="")
  201. 			{
  202. 				alert('Select the category in which your offer will appear!');
  203. 				document.PostForm.SelectCategory.focus();
  204. 				return false;
  205. 			}
  206.  
  207. 			if(document.PostForm.address.value=="")
  208. 			{
  209. 				alert('Enter the property address, please!');
  210. 				document.PostForm.address.focus();
  211. 				return false;
  212. 			}
  213.  
  214. 			if(document.PostForm.city.value=="")
  215. 			{
  216. 				alert('Enter the property city, please!');
  217. 				document.PostForm.city.focus();
  218. 				return false;
  219. 			}
  220.  
  221. 			if(document.PostForm.state.value=="")
  222. 			{
  223. 				alert('Enter the property state, please!');
  224. 				document.PostForm.state.focus();
  225. 				return false;
  226. 			}
  227.  
  228. 			if(document.PostForm.country.value=="")
  229. 			{
  230. 				alert('Enter the property country, please!');
  231. 				document.PostForm.country.focus();
  232. 				return false;
  233. 			}
  234.  
  235. 			if(document.PostForm.ShortDesc.value=="")
  236. 			{
  237. 				alert('Enter the property short description, please!');
  238. 				document.PostForm.ShortDesc.focus();
  239. 				return false;
  240. 			}
  241.  
  242. 			if(document.PostForm.DetailedDesc.value=="")
  243. 			{
  244. 				alert('Enter the property detailed description, please!');
  245. 				document.PostForm.DetailedDesc.focus();
  246. 				return false;
  247. 			}
  248.  
  249. 			if(document.PostForm.Price.value=="")
  250. 			{
  251. 				alert('Enter the property price, please!');
  252. 				document.PostForm.Price.focus();
  253. 				return false;
  254. 			}
  255.  
  256. 			if(document.PostForm.PropertyType.value=="")
  257. 			{
  258. 				alert('Select the property type, please!');
  259. 				document.PostForm.PropertyType.focus();
  260. 				return false;
  261. 			}
  262.  
  263. 			if(document.PostForm.rooms.value=="")
  264. 			{
  265. 				alert('Enter the number of bedrooms, please!');
  266. 				document.PostForm.rooms.focus();
  267. 				return false;
  268. 			}
  269.  
  270. 			if(document.PostForm.bathrooms.value=="")
  271. 			{
  272. 				alert('Enter the number of bathrooms, please!');
  273. 				document.PostForm.bathrooms.focus();
  274. 				return false;
  275. 			}
  276.  
  277. 		}
  278.  
  279. 	</script>
  280.  
  281. <link href="textandlinks.css" rel="stylesheet" type="text/css">
  282.  
  283. </head>
  284. <body bgcolor="#FFFFFF">
  285. <table width="810" height="800" border="0" align="center" cellpadding="0">
  286.   <tr> 
  287.     <td width="813" height="134" colspan="2" align="left" valign="top"> 
  288.       <?
  289. 	require_once("TopBannerTemplate.php");
  290. 	?>
  291.     </td>
  292.   </tr>
  293.   <tr> 
  294.     <td height="809" colspan="2" align="left" valign="top"> <table width="805" height="811" border="0" cellpadding="0">
  295.         <tr> 
  296.           <td width="120" height="662" align="left" valign="top" bgcolor="#FFFFFF"> 
  297.             <?
  298. 		  require_once("AdvertisementTemplate.php");
  299. 		  ?> </td>
  300.           <td width="537" align="left" valign="top" bgcolor="#FFFFFF"><table width="525" border="0" align="left" cellpadding="5">
  301.               <tr> 
  302.                 <td width="1533" height="45" colspan="3" align="left" valign="top"><img src="images/n2ads.gif" alt="indie music" width="470" height="35"></td>
  303.               </tr>
  304.               <tr> 
  305.                 <td height="565" colspan="3" align="left" valign="top"> <table width="515" height="606" border="0" cellpadding="10">
  306.                     <tr> 
  307.                       <td width="487" height="124" align="left" valign="top"> 
  308.                         <h1><font face="Arial, Helvetica, sans-serif">Your online 
  309.                           Music Resource for Indie Music and Music Promotion!</h1>
  310.                         <p><em>&quot;At N2Ads.com we are dedicated to being the 
  311.                           best Music Resource for Indie Music and Music Promotion,&quot; 
  312.                           Stephen Hockman, President of N2Ads.</em></p>
  313.                         <p><strong>• As a Music Fan,</strong> we invite 
  314.                           you to learn more about our Artists and Groups by checking 
  315.                           out our Artist Directory. In there, you can read Artist 
  316.                           bio's and descriptions, browse photos, and listen to 
  317.                           mp3's. You should also check out our Upcoming Shows 
  318.                           area to get info about Indie Music Artists that are 
  319.                           playing in your area. </p>
  320.                         <p>• <strong>As a Music Artist,</strong> we invite 
  321.                           you to visit our Music Resources page to learn tips 
  322.                           on maximizing your own group's success. You will find 
  323.                           a ton of articles that pertain to marketing, promoting, 
  324.                           and spicing up your music. You should also get the word 
  325.                           out about your own group by Registering it with us today! 
  326.                           You will get your own Artist Profile, a listing in our 
  327.                           Artist Directory, access to list your shows on our Upcoming 
  328.                           Shows database, free promotion on our website, and much, 
  329.                           much more! Just click on the Register link to find out 
  330.                           more! </p>
  331.                         <p><strong><em>N2Ads.com - Provided for and created by 
  332.                           Indie Music Fans and Artists! Spread the word and spread 
  333.                           the tunes.</em></strong></p></td>
  334.                     </tr>
  335.                     <tr> 
  336.                       <td height="8" align="left" valign="top"><a href="http://www.n2ads.com/artist_directory.php"><img src="images/artist-directory-block.gif" alt="indie music" width="515" height="93" border="0"></a> 
  337.                       </td>
  338.                     </tr>
  339.                     <tr> 
  340.                       <td height="3" align="left" valign="top"><a href="http://www.n2ads.com/resources.php"><img src="images/industry-resources-block.gif" alt="music promotion" width="515" height="93" border="0"></a></td>
  341.                     </tr>
  342.                     <tr> 
  343.                       <td height="0" align="left" valign="top"><a href="http://www.n2ads.com/upcoming_shows.php"><img src="images/upcoming-shows-block.gif" alt="nusic resource" width="515" height="93" border="0"></a></td>
  344.                     </tr>
  345.                     <tr> 
  346.                       <td height="1" align="left" valign="top"><a href="http://www.n2ads.com/register.php"><img src="images/register-block.gif" alt="music promotion" width="515" height="93" border="0"></a></td>
  347.                     </tr>
  348.                   </table></td>
  349.               </tr>
  350.             </table></td>
  351.           <td width="121" align="right" valign="top" bgcolor="#FFFFFF"><a href="http://click.linksynergy.com/fs-bin/click?id=BJT2btL8ANs&offerid=89428.10000019&type=4&subid=0" target="new"> 
  352.             </a> <?
  353. 		  require_once("NavigationTemplate.php");
  354. 		  ?> </td>
  355.         </tr>
  356.         <tr align="center" valign="top"> 
  357.           <td height="94" colspan="3"> 
  358.             <?
  359. 		  require_once("FooterTemplate2.php");
  360. 		  ?>
  361.             <font size="1">Every Artist and Group needs Music Promotion. At N2Ads.com, 
  362.             we are dedicated to being the best Music Resource for Indie Music 
  363.             and Music Promotion. <br>
  364.             <font color="#FFFFFF">.</font></font></td>
  365.         </tr>
  366.       </table></td>
  367.   </tr>
  368. </table>
  369. </body>
  370. </html>
  371.  
N2Ads.com - Your online source for Indie Music, Music Promotion, and Music Resources!
Provided for and created by Music Artists and Fans.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2004
Posts: 173
Reputation: BinaryMayhem is an unknown quantity at this point 
Solved Threads: 9
BinaryMayhem BinaryMayhem is offline Offline
Unverified User

Re: What is wrong wtih my css?

 
0
  #2
Aug 12th, 2005
eh, im not sure what's exactly is not working right... besides your main <H1> tag. but I did find 2 problems.
the first problem is you have a syntax error in your css file. you forgot the body {}
this is what it should look like.
body{
font-family: arial, helvetica, verdana, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
a:link {color: #0000FF}
a:visited {color: #0000FF}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
h1 {font-size: 16px; font-style: italic}
h2 {font-size: 12px; font-style: italic}
p {font-size: 12px; font-family: arial, helvetica, verdana, sans-serif}
-------------------------------------------------------------
2nd on line 309 of your php file you have
<h1><font face="Arial, Helvetica, sans-serif">Your online
where is the closing </font> tag? I see near the bottom but they both have an opening tag.
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2005
Posts: 23
Reputation: n2ads is an unknown quantity at this point 
Solved Threads: 0
n2ads's Avatar
n2ads n2ads is offline Offline
Newbie Poster

Re: What is wrong wtih my css?

 
0
  #3
Aug 12th, 2005
I fixed my css file. but the h1 and links are the only that that works. if i change anything related to font size or h2 nothing happens.

it is now:

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1.  
  2. .textandlinks{
  3. font-family: arial, helvetica, verdana, sans-serif;
  4. font-size: 5px;
  5. font-style: normal;
  6. line-height: normal;
  7. font-weight: normal;
  8. font-variant: normal;
  9. text-transform: none;
  10. color: #000000;
  11.  
  12. p {font-size: 5px; font-family: arial, helvetica, verdana, sans-serif}
  13. a:link {color: #0000FF}
  14. a:visited {color: #0000FF}
  15. a:hover {color: #FF00FF}
  16. a:active {color: #0000FF}
  17.  
  18. h1 {font-size: 5px; font-style: italic}
N2Ads.com - Your online source for Indie Music, Music Promotion, and Music Resources!
Provided for and created by Music Artists and Fans.
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2005
Posts: 23
Reputation: n2ads is an unknown quantity at this point 
Solved Threads: 0
n2ads's Avatar
n2ads n2ads is offline Offline
Newbie Poster

Fixed It!!

 
0
  #4
Aug 12th, 2005
I FIXED IT. DID SOME SEARCHING AND HERE IS WHAT WORKS:::

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1.  
  2. BODY,P,TR,TD {font:normal 10pt Arial, verdana, sans-serif;}
  3. h1 {font-size: 12pt; font-style: italic}
  4. h2 {font-size: 12pt; font-style: italic}
  5.  
  6. a {font-family: Arial, Verdana, sans-serif; font-size: 10pt; color: #000000;}
  7. a:link {color: #000000}
  8. a:visited {color: #0000FF}
  9. a:hover {color: #FF00FF}
  10. a:active {color: #0000FF}
N2Ads.com - Your online source for Indie Music, Music Promotion, and Music Resources!
Provided for and created by Music Artists and Fans.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2004
Posts: 173
Reputation: BinaryMayhem is an unknown quantity at this point 
Solved Threads: 9
BinaryMayhem BinaryMayhem is offline Offline
Unverified User

Re: What is wrong wtih my css?

 
0
  #5
Aug 12th, 2005
almost... you keep forget the closing brace tho!!!!
.textandlinks{
font-family: arial, helvetica, verdana, sans-serif;
font-size: 5px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
}
p {font-size: 5px; font-family: arial, helvetica, verdana, sans-serif}
a:link {color: #0000FF}
a:visited {color: #0000FF}
a:hover {color: #FF00FF}
a:active {color: #0000FF}

h1 {font-size: 5px; font-style: italic}
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 JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



acid2 ajax ajaxexample ajaxjspservlets array browser bug captchaformproblem cart checkbox child class close codes createrange() css cursor date debugger decimal dependent design disablefirebug dom dropdown editor element embed engine enter error events explorer ext file firefox focus form forms frameworks getselection google gxt hiddenvalue highlightedword hint html ie7 ie8 iframe images index internet java javascript javascripthelp2020 jquery jsf jsfile jsp jump libcurl listbox maps masterpage math media menu mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent paypal pdf php position post problem programming progressbar prototype redirect runtime safari scale scriptlets scroll search security shopping size software toggle unicode w3c web wysiwyg \n
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC