Jul 2nd, 2007, 02:23
|
|
Banned Member
|
|
Join Date: Jul 2007
Location: malaysia
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
Font Problem In My Css Coding
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>
</p>
</div>
<script type="text/javascript">
initMenu();
</script>
</body>
</div>
</html>
Thanks in advance
Regards
Balaji
Thanks in Advance
Regards
|
Font Problem In My Css Coding
Similar Threads
