Help - Search - Members - Calendar
Full Version: A Another Problem With Tables
Zymic Webmaster Forums > Web Design & Development > General Web Design Discussion
Musebo
Hi, it's me again!

Okay what do I want to do: (and I try to work with CSS [external style script])
I want to have a table background, sounds simple, but what I want is something more difficult for me.

I want my table to be black, but also to be transparent, so I am able to view the background and the text properly.
Well I couldn't find any black transparent colours, but I did found a code for how to make a image more transparent:

Example for the code:


CODE

<div style="width:250px;margin:0 auto;">
<span style="float:left;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;">
<img src="http://i489.photobucket.com/albums/rr260/LTDA/ad160x600.gif">
</span>
</div>


I made a simple table:
CODE
<div id="content">
<div id="colOne">
<p>Tekst</p>
</div>
</div>


With the CSS script:
CODE
#colOne {
float: left;
width: 500px;
}


I don't know how to insert the code into my CSS script, and I don't even know if it is even possible to do this.
Could anyone please help me with finding a solution for me?

(http://i489.photobucket.com/albums/rr260/LTDA/ad160x600.gif was just a image I hosted before, I don't nee that specific image to use on my table)

Thanks,
stef

Andrew
The css code should look like this, although css transparency doesn't always work well. I've had troubles with it in IE before.
CODE
#colOne {
float: left;
width: 500px;
filter:alpha(opacity=25);
-moz-opacity:.25;
opacity:.25;
}


Might I suggest making the image you want in photoshop, then set the transparency of it down and save it as a .png image. That way you're not using invalid CSS codes.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.