How do I changed the opacity of my table background without changing the text?
-
I'm working on my boyfriend's profile layout on myspace. I want to make the tables have a black background at 50% opacity. How can I do this and keep the text at 100% opacity? Here is my code. Please tell me what to change and where to change it. Also I know right now the background for the tables is transparent and I will change it after I get the info I need. <code> <style> { Extended Network Banner } table table table td {vertical-align:top ! important;} span.blacktext12 { visibility:visible !important; background-color:transparent; background-image:url('http://i545.photobucket.com/albums/hh370/WingedSweetheart/Layouts/Shane/kickasssig.gif'); background-repeat:no-repeat; background-position:center center; font-size:0px; letter-spacing:-0.5px; width:435px; height:139px; display:block !important; } span.blacktext12 img {display:none;} { Background Properties } table, tr, td { background-color:transparent; border:none; border-width:0;} body { background-color:000000; background-image:url('http://i545.photobucket.com/albums/hh370/WingedSweetheart/Layouts/Shane/image-14784037.jpg'); background-attachment:fixed; background-position:center center; background-repeat:no-repeat; border-top-width:0px; border-bottom-width:0px; border-left-width:0px; border-right-width:0px; border-color:none; border-style:solid; padding-left:0px; padding-right:0px; } { Table Properties } table table { border: 0px } table table table table{border:0px} table, tr, td { background-color:transparent; border:none; border-width:0;} table table table { border-style:double; border-width:4; border-color:000000; background-color:none; background-image:url('Enter Image URL'); background-repeat:repeat; background-attachment:fixed; background-position:top center; } table table table table td {filter:none;} { Text Properties } table, tr, td, li, p, div {font-size:10px !important; color:999900 !important; } .btext, .orangetext15, .nametext, .whitetext12 {font-size:14px !important; color:006600 !important; font-weight:bold; font-style:normal; } .blacktext10, .blacktext11, .blacktext12, .lightbluetext8, .redtext, .redbtext, .text {font-size:12px !important; color:006600 !important; font-weight:bold; font-style:normal; } { Link Properties } a:active, a:visited, a:link {color:999900 !important; font-weight:normal; font-style:normal; } a:hover {color:CC9900 !important; font-weight:normal; font-style:normal; } { Tweaks } a.text, table div font a, table div div {visibility:hidden;} </style><div> </code>
-
Answer:
Open your webpage in an HTML editor: Add the following code to your webpage: <style type="text/css"> .box { background-color: #FFFFFF; opacity:0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; } .text { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #33CC33; opacity:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; } Change the value of "opacity" under "<style type" to your desired setting. Save the web page and upload to your web server to see the changes.
Ashley at Yahoo! Answers Visit the source
Related Q & A:
- How to change my yahoo ID without changing my email address?Best solution by Yahoo! Answers
- How do I change my page back to the new page after I changed it to the classic can?Best solution by Yahoo! Answers
- How can I connect a printer wirelessly to my laptop without a router? Which printer would be the best?Best solution by Yahoo! Answers
- How can I make money at home using my computer without doing any type of multi-level marketing?Best solution by Yahoo! Answers
- How do I change my password without changing my page?Best solution by Yahoo! Answers
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.