I have a weird CSS question.
I'm using Aptana CSS editor,...
I have an alphabet list (literally ABCD..etc)
There's a CSS background with the same set (trying to achieve a certain
font)
I need to create a highlight when the user select's a letter,
Can I put a semi-transparent block over the background with a span?
--- css code-
#bwAlphabet{
float: left;
margin: 0 0 10px 0;
padding: 0;
}
#bwAlphabet ol{
list-style: none;
padding: 0 0 0 15px;
margin: 0 0 0 0; /*1em 0.5em;*/
float: left;
font-size:11px;
width: 574px;
height: 31px;
font-family: Arial, Helvetica, sans-serif;
background: url(../images/bw-alpha.gif) no-repeat top left;
}
#bwAlphabet ol li{
float: left;
text-indent: -99999px;
margin: 0;
padding: 0;
}
#bwAlphabet ol li a{
display:block;
text-align:center;
font-weight:bold;
/*color: #03C;*/
text-decoration:none;
outline: green dotted 1px;
margin: 0;
padding: 0;
height: 31px;
}
-----cf code ---
<cfset lstAlphabet = "A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z">
<div id="bwAlphabet">
<ol>
<cfloop list="#lstAlphabet#" index="thisAlpha">
<li><span><a
href="#myself##xfa.browseHome#&dbTab=#attributes.dbTab#&startsWith=#thisAlph
a#" id="bw#thisAlpha#">#thisAlpha#</a></span></li>
</cfloop>
</ol>
</div>
--
Scott Stewart
ColdFusion Developer
SSTWebworks
7241 Jillspring Ct.
Springfield, Va. 22152
(703) 220-2835
http://www.sstwebworks.com
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Upgrade to Adobe ColdFusion MX7
Experience Flex 2 & MX7 integration & create powerful cross-platform RIAs
http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJQ
Archive:
http://www.houseoffusion.com/groups/CF-Community/message.cfm/messageid:235104
Subscription: http://www.houseoffusion.com/groups/CF-Community/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5
