http://www.domedia.org/oveklykken/css-transparency.php

It would have to be on a hover on something that you set up as active.

#active:hover.

Which of course wouldn't work on IE6, so you would have to make your link
the same width and height as your li via padding. And then use #active
:link:hover, #active :visited:hover.


Sandra Clark
=============
http://www.shayna.com
Training and Consulting  in CSS and Accessibility
Team Fusebox


-----Original Message-----
From: Scott Stewart [mailto:[EMAIL PROTECTED] 
Sent: Friday, May 18, 2007 12:37 PM
To: CF-Community
Subject: CSS question

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

 





~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Create Web Applications With ColdFusion MX7 & Flex 2. 
Build powerful, scalable RIAs. Free Trial
http://www.adobe.com/products/coldfusion/flex2/?sdid=RVJS 

Archive: 
http://www.houseoffusion.com/groups/CF-Community/message.cfm/messageid:235113
Subscription: http://www.houseoffusion.com/groups/CF-Community/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5

Reply via email to