Font Problem In My Css Coding

balaji · #1 (**permalink**) Jul 2nd, 2007, 02:23

HI,
I am new to css.
My Problem is My main menu&sub menu should be in different font size. I am getting the same fonts. can any one hepl me regarding this..
i am sending my css coding......

Code: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
// _uacct = "UA-85864-2";
_uacct = "UA-2042963-1";
urchinTracker();
</script>
 
 <style type="text/css">
 /* The following CSS is only for the demo */
 html{
  height:100%;
 }
 body{ 
  margin:0px;
  padding:0px;
  height:100%;
  line-height:130%;
  background-color:#006666;
  text-align:left;
                font-family:Verdana; 
 
 
 }
 
 #mainContainer{
                color:#FFF;
  width:300px;
  margin: 0 auto;
  border-left:1px solid #006666;
  border-right:1px solid #006666;
  height:100%;
  text-align:left;
  background-color: #006666;
 }
 
 #mainContent{
  width:0px;
                padding-left:0px;
  padding-right:0px;
  float:left;
 }
 #topBar{
  height:100px;
                width:760px;
 
 }
 /* End of demo CSS */
 
 #dhtmlgoodies_listMenu a{ /* Main menu items */
  color:#FFF;
  text-decoration:none;
   <!--  font-weight:bold;  -->
                font-size:1.0em;
          <!--  font-style:Normal; -->
 
 
 }
        #dhtmlgoodies_listMenu ul li  a{ /* Sub Sub menu */
  color: #FFF;
  <!--  font-style:verdana;  -->
        <!--    font-weight:Arial;  -->
 }
 
 #dhtmlgoodies_listMenu ul li ul li a{ /* Sub Sub menu */
  color: #FFF;
 <!-- font-style:verdana; -->
  font-size:1.0em; 
        <!--    font-weight:Italic;  -->
 }
  #dhtmlgoodies_listMenu .activeMenuLink{ /* Styling of active menu item */
  color:#FFF;
 }
 
 /*
 No bullets
 */ 
 #dhtmlgoodies_listMenu li{
  list-style-type: ;
         padding:2px; 
                font-size : 10pt;
                font-weight:Bold; 
           <!-- font-style:Arial; -->
       }
 
 /*
 No margin and padding
 */
 #dhtmlgoodies_listMenu, #dhtmlgoodies_listMenu ul{
  margin:0px;
  padding:10px;
        <!--    font-weight:Bold;
                font-style:Italic; -->
 
 }
 /* Margin of sub menu items */
 #dhtmlgoodies_listMenu ul{
  display:none;
  margin-left:10px;
                font-style:Normal
      <!--      font-weight:Bold;  -->
           }    
 
 
 
 
 
 </style>
 
 
 <script type="text/javascript">
 
 
 var activeMenuItem = new Array();
 
 function isUlInArray(inputObj,ulObj){
  while(inputObj && inputObj.id!='dhtmlgoodies_listMenu'){
   if(inputObj==ulObj)return true;
   inputObj = inputObj.parentNode;   
  }  
  return false;
 }
 
 function showHideSub(e,inputObj)
 {
 
  if(!inputObj)inputObj=this;
  var parentObj = inputObj.parentNode;
  var ul = parentObj.getElementsByTagName('UL')[0];
  if(activeMenuItem.length>0){
   for(var no=0;no<activeMenuItem.length;no++){
    if(!isUlInArray(ul,activeMenuItem[0]) && !isUlInArray(activeMenuItem[0],ul)){
     activeMenuItem[no].style.display='none';
     activeMenuItem.splice(no,1);
     no--;
    }
   }   
  }
  if(ul.offsetHeight == 0){
   ul.style.display='block';
   activeMenuItem.push(ul);
  }else{
   ul.style.display='none';
  }
 }
 
 function showHidePath(inputObj)
 {
  var startTag = inputObj;
  showHideSub(false,inputObj);
  inputObj = inputObj.parentNode;
  while(inputObj){   
   inputObj = inputObj.parentNode;
   if(inputObj.tagName=='LI')showHideSub(false,inputObj.getElementsByTagName('A')[0]);
   if(inputObj.id=='dhtmlgoodies_listMenu')inputObj=false; 
  }  
 }
 
 function initMenu()
 {
  var obj = document.getElementById('dhtmlgoodies_listMenu');
  var linkCounter=0;
  var aTags = obj.getElementsByTagName('A');
  var activeMenuItem = false;
  var activeMenuLink = false;
  var thisLocationArray = location.href.split(/\//);
  var fileNameThis = thisLocationArray[thisLocationArray.length-1];
  if(fileNameThis.indexOf('?')>0)fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('?'));
  if(fileNameThis.indexOf('#')>0)fileNameThis = fileNameThis.substr(0,fileNameThis.indexOf('#'));
  for(var no=0;no<aTags.length;no++){
   var parent = aTags[no].parentNode;
   var subs = parent.getElementsByTagName('UL');
   if(subs.length>0){
    aTags[no].onclick = showHideSub; 
    linkCounter++;
    aTags[no].id = 'aLink' + linkCounter;
   } 
 
   if(aTags[no].href.indexOf(fileNameThis)>=0 && aTags[no].href.charAt(aTags[no].href.length-1)!='#'){    
    if(aTags[no].parentNode.parentNode && aTags[no].parentNode.parentNode.id!='dhtmlgoodies_listMenu'){        
     var parentObj = aTags[no].parentNode.parentNode.parentNode;
     var a = parentObj.getElementsByTagName('A')[0];
     if(a.id && !activeMenuLink){      
      activeMenuLink = aTags[no];
      activeMenuItem = a.id;
     }
    }
   }  
  }  
 
  if(activeMenuLink){
   activeMenuLink.className='activeMenuLink';
  }
  if(activeMenuItem){
   if(document.getElementById(activeMenuItem))showHidePath(document.getElementById(activeMenuItem)); 
  }
 }
 </script>
 
</head>
<div id="mainContainer">
<body>
 
 <div id="leftColumn">
<ul id="dhtmlgoodies_listMenu">
 
 
                <li><a href="#">TREASURY</a>
                  <ul>
                                 <li><a href="#">Maintenance</a>
                                 <ul> 
                                 <li><a href="X30.do?action=init" target="displayarea" class="style5">Counterparty Maintenance</a></li>
                                 <li><a href="X31.do?action=init" target="displayarea" class="style5">Agent Bank Maintenance</a></li>
                                 <li><a href="X32.do?action=init" target="displayarea" class="style5">Broker File Maintenance</a></li>
                                 <li><a href="X33.do?action=init" target="displayarea" class="style5">Dealer Maintenance</a></li>
                                 <li><a href="X51.do?action=init" target="displayarea" class="style5">Counterparty Dealer Signatory Limit Maintenance</a> </li>
                                 <li><a href="X52.do?action=init" target="displayarea" class="style5">Agent Bank Relation Maintenance</a></li>
                                 <li><a href="X53.do?action=init" target="displayarea" class="style5">Counterparty Contact Maintenance</a></li>
                                 <li><a href="X54.do?action=init" target="displayarea" class="style5">Signatory Maintenance</a></li>
                                </ul>
                                 </li>
                               <li><a href="#">Enquiry</a>
                                 <ul>
                                 <li><a href="X00.do?action=init" target="displayarea" class="style5">Enquiry</a></li>
                                 </ul>
                          </li>   
                              <li><a href="#">Dealing</a>
                                <ul>
                                 <li><a href="X70002.do?action=init" target="displayarea" class="style5">Forex Spot Transaction</a></li>
                                 <li><a href="X70004.do?action=init" target="displayarea" class="style5">Murabaha Transaction</a></li>
                                 <li><a href="X50004.do?action=init" target="displayarea" class="style5">Murabaha Deal Amendment Transaction</a></li>
                                 <li><a href="X50002.do?action=init" target="displayarea" class="style5">Forex Spot Deal Cancelation Transaction</a></li>
                               </ul>
                             </li>
                             <li><a href="#">Back Office</a>
                                <ul>
               <li><a href="X68002.do?action=init" target="displayarea" class="style5">Transaction Confirmation - Forex Spot</a></li>
               <li><a href="X69002.do?action=init" target="displayarea" class="style5">Transaction Apporval - Forex Spot</a></li>
               <li><a href="X68004.do?action=init" target="displayarea" class="style5">Transaction Confirmation - Murabaha</a></li>
               <li><a href="X69004.do?action=init" target="displayarea" class="style5">Transaction Apporval - Murabaha </a></li>
                               </ul>
                            </li>
        </ul>  
  </li> 
       <li><a href="#">SYSTEM SECURITY</a>  
         <ul>
              <li><a href="P00.do?action=init" target="displayarea" class="style5">Enquiry</a></li> 
              <li><a href="P30.do?action=init" target="displayarea" class="style5">Create/Maintain User Record</a></li>     
              <li><a href="P31.do?action=init" target="displayarea" class="style5">Default Application Access</a></li>     
              <li><a href="P32.do?action=init" target="displayarea" class="style5">Delete User Record</a></li>     
              <li><a href="P35.do?action=init" target="displayarea" class="style5">Maintain Rank-Limit Record</a></li>     
              <li><a href="P37.do?action=init" target="displayarea" class="style5">Maintain Security Matrix Record </a></li>     
              <li><a href="P39.do?action=init" target="displayarea" class="style5">Change Password Masterkey</a></li>     
              <li><a href="P50.do?action=init" target="displayarea" class="style5">Password Maintenance</a></li> 
 </ul>    
      </li>   
      <li><a href="#">CUSTOMER INFORMATION FILE</a>                                  
        <ul>
              <li><a href="M00.do?action=init" target="displayarea" class="style5">CIF Master File Enquiry</a></li>
                  <li><a href="M01.do?action=init" target="displayarea" class="style5">Account Information Enquiry</a></li>
                  <li><a href="M02.do?action=init" target="displayarea" class="style5">CIF Relationship Enquiry</a></li>
                  <li><a href="M30.do?action=init" target="displayarea" class="style5">CIF Opening- primary Information Maintenance</a></li>
                  <li><a href="M31.do?action=init" target="displayarea" class="style5">CIF- Secondary/Optional Information Maintenance</a></li>
                  <li><a href="M40.do?action=init" target="displayarea" class="style5">CIF Closing/Deletion </a></li>
                  <li><a href="M50.do?action=init" target="displayarea" class="style5">CIF Master File Maintenance</a></li>
                  <li><a href="M51.do?action=init" target="displayarea" class="style5">Office Bearer Maintenance</a></li>
                  <li><a href="M52.do?action=init" target="displayarea" class="style5">Relationship File Maintenance</a></li>
                  <li><a href="#">Black Listing</a>
                      <ul>          
              <li><a href="M04.do?action=init" target="displayarea" class="style5">Blacklisted Customer Enquiry</a></li>
                  <li><a href="M05.do?action=init" target="displayarea" class="style5">Blacklisted Goods Enquiry</a></li>
                  <li><a href="M34.do?action=init" target="displayarea" class="style5">Blacklisted Customer Creation/Maintenance</a></li>
                  <li><a href="M35.do?action=init" target="displayarea" class="style5">Blacklisted Goods maintenance</a></li>
        </ul></ul>
      </li>
      <li><a href="#">SYSTEM CONTROL</a>  
         <ul>
              <li><a href="D24.do?action=init" target="displayarea" class="style5">Change Password</a></li> 
         </ul>    
      </li>   
 
       <li><a href="#">SYSTEM MAINTENANCE</a>
       <ul>
               <li><a href="#">Global parameter</a>
               <ul>
                  <li><a href=".do?action=init" target="displayarea" class="style5">Branch Control File</a></li> 
                  <li><a href=".do?action=init" target="displayarea" class="style5">Branch Holiday File</a></li> 
                  <li><a href=".do?action=init" target="displayarea" class="style5">Profit Rate File</a></li> 
                  <li><a href=".do?action=init" target="displayarea" class="style5">Workstation Control File</a></li> 
                  <li><a href=".do?action=init" target="displayarea" class="style5">Error Message File</a></li> 
                  <li><a href=".do?action=init" target="displayarea" class="style5">Product & G/L File</a></li> 
                  <li><a href=".do?action=init" target="displayarea" class="style5">Financing Code File</a></li>
                  <li><a href=".do?action=init" target="displayarea" class="style5">Code Master File</a></li>
                  <li><a href=".do?action=init" target="displayarea" class="style5">Currency Code Maintenance</a></li>  
               </ul>
               </li>
 
 
               <li><a href="#">Product parameter</a>
               <ul>
                   <li><a href=".do?action=init" target="displayarea" class="style5">Exchange Rate Table Maintenance</a></li>
                   <li><a href=".do?action=init" target="displayarea" class="style5">TS Special Rate Request</a></li> 
                   <li><a href=".do?action=init" target="displayarea" class="style5">Forex Instrument Parameter Maintenance</a></li>
                   <li><a href=".do?action=init" target="displayarea" class="style5"> Murababha Instrument Parameter Maintenance</a></li> 
               </ul>
               </li>
 
 
       </ul>
       </li> 
 
 
</ul> 
<p>&nbsp;
   </p>
</div>
 
 
<script type="text/javascript">
initMenu();
</script>
</body>
</div>
</html>
 
 
 
Thanks in advance
 
 
Regards
Balaji

Thanks in Advance

Regards

Lchad · #2 (**permalink**) Jul 2nd, 2007, 11:59

In your css you have "comments" wrapped around all your fonts.

Code: Select all

<!--  font-style:verdana;  -->

the code should look like this:

Code: Select all

font:  Verdana, Arial, Helvetica, sans-serif;

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] The font problem	predatoruk90	Web Page Design	10	Sep 28th, 2007 16:11
Re-coding problem	garfunkle	Web Page Design	3	Jul 3rd, 2007 11:33
css font sizes problem	jesse22	Web Page Design	7	Oct 23rd, 2006 18:04
Coding Problem (I believe)	haze	Web Page Design	2	Sep 5th, 2005 08:07
This coding problem	netwarriorgizmo	JavaScript Forum	12	Jul 28th, 2004 19:04

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Font Problem In My Css Coding