There's no such thing as a stupid question, but they're the easiest to answer.
JoinTour
Login
 
Tag Cloud
access audio avg avg 8 bios blue screen boot bsod computer connection cpu crash css dell desktop dma driver drivers dvd email error excel explorer firefox firefox 3 freeze gimp graphics hard drive hardware hijackthis hjt install internet internet explorer itunes keyboard laptop macro malware monitor motherboard network networking outlook outlook 2003 outlook 2007 outlook express pio problem problems router seo server slow sound sp3 spyware trojan usb video virtumonde virus vista vundo windows windows vista windows xp winxp wireless
Web Design & Development
Search
Search in:
 
Advanced Search
Tech Support Guy Forums > Internet & Networking > Web Design & Development >
CSS Question


HELLO AND WELCOME! Before you can post your question, you'll have to register -- it's completely free! Click here to join today! We highly recommend that you print a copy of our Guide for New Members. Enjoy!

 
Thread Tools
Tim Underwood's Avatar
Member with 75 posts.
 
Join Date: Oct 2006
Experience: Intermediate
31-Oct-2007, 08:35 AM #1
CSS Question
Is there any way to make this column transparent on the page by about 70%?

.leftcolumn{
width: 80%;
float: left;
background-color: #CC0000;
text-align: left;
border-right: #FFFFFF;
border-left: #FFFFFF;
padding-top: 4px;
{

Just i'm a bit stuck and was hoping someone could advise.

Kind Regards
Tim
Fyzbo's Avatar
Senior Member with 1,767 posts.
 
Join Date: Feb 2002
Location: North Carolina, USA
Experience: Programming-Advanced|EVER
31-Oct-2007, 09:15 AM #2
filter:alpha(opacity=70);
-moz-opacity:.7;
-khtml-opacity:.7;
opacity:.7;

You need all four for it to work cross browser.
namenotfound's Avatar
Computer Specs
Distinguished Member with 2,102 posts.
 
Join Date: Apr 2005
Location: New York
Experience: I know what I know, I am
31-Oct-2007, 12:40 PM #3
Quote:
Originally Posted by Tim Underwood
Is there any way to make this column transparent on the page by about 70%?

.leftcolumn{
width: 80%;
float: left;
background-color: #CC0000;
text-align: left;
border-right: #FFFFFF;
border-left: #FFFFFF;
padding-top: 4px;
{

Just i'm a bit stuck and was hoping someone could advise.

Kind Regards
Tim
Just a quick correction, you want } at the end, not {

.leftcolumn{
width: 80%;
float: left;
background-color: #CC0000;
text-align: left;
border-right: #FFFFFF;
border-left: #FFFFFF;
padding-top: 4px;
}

better
tomdkat's Avatar
Computer Specs
Distinguished Member with 3,487 posts.
 
Join Date: May 2006
Location: S.F. Bay Area, CA
Experience: Intermediate
01-Nov-2007, 03:48 PM #4
Quote:
Originally Posted by Fyzbo
-moz-opacity:.7;
I don't think this is required for modern/current versions of Gecko-based browsers (Mozilla, K-Meleon, etc).

Peace...
Fyzbo's Avatar
Senior Member with 1,767 posts.
 
Join Date: Feb 2002
Location: North Carolina, USA
Experience: Programming-Advanced|EVER
01-Nov-2007, 04:35 PM #5
You are right as of Mozilla 1.7 it's just opacity. Although including -moz-opacity doesn't hurt and there may be a few users who haven't upgraded.
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are Off
Refbacks are Off

You Are Using:
Server ID
Advertisements do not imply our endorsement of that product or service.
All times are GMT -4. The time now is 01:45 AM.
Copyright © 1996 - 2008 TechGuy, Inc. All rights reserved.
Powered by vBulletin, Copyright © 2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Powered by Cermak Technologies, Inc.