View Full Version : color and transparency in layouts
GREGO
March 26th, 2007, 10:58 PM
Hey guys,
I'm stuck on this and looking for any info i can get. Is it possable to use a color and change the transparency of the table table table selector without changing the transparency of the images and text inside the tables?
like i mean i want tables to be see through but also be tinted a color but for some reason everything inside the table also becomes transparent.
is there some little trick out there?
any help would be apreciated. :)
Ajay
March 27th, 2007, 08:39 AM
I haven't been able to do this, but maybe some css whiz can help us out. I tried everything so far, but seems pretty impossible.
supportomatic
March 27th, 2007, 08:57 AM
Dude, you don't even *know* how much time I've wasted trying to work around that one. :) The closest I've come is using a semi-transparent .png as a table background, but then it only works in Firefox and IE7. Pre-IE7 doesn't handle png transparency correctly, so it ends up a solid table background in IE6. Stupid IE *shakes fist*.
Another work-around is to use a tiled 'checkerboard screen' .gif as a table background, where every other pixel is transparent. The drawback to that method is it can make your text look a bit fuzzy on top. Works best with a low contrast background image.
PM me if you want and I can show you examples of where I've used the technique.
GREGO
March 27th, 2007, 11:36 AM
Cool, cuz i literally disected the myspace code and tried every possable way and couldn't get it.
i guess if you use 90% opacity you can still see the background throught the table a bit but it messes the images up. it seems like you should be able to apply a 100% opacity to images inside the tables but it won't work i don't understand. but thanks guys its cool to know that i'm not just retarded.
supportomatic that is a good idea to use partially transparent pngs, too bad IE is so sub standard in css support. maybe in a few years hunh? :)
deep
March 27th, 2007, 11:59 AM
did u try making the tables transparent and then using css/style to make the images non-transparent. this shoud work but i havent tried it so let me kno if you do try it!
Kasami2k4
March 27th, 2007, 12:32 PM
Be creative ;p Open paintshop, make a 5x5 image, do it one square trans, one square white, one trans, one white
Then save it as a gif with ransparency. Make the font on your layout a lil bigger, OR bolder. Its an okay fix since IE sucks *** and can't render PNG transparency correctly. And not much else either. Least 7 is a huge improvement frmo 6... NOT GETTING INTO THAT but thats my solution
GREGO
March 27th, 2007, 12:50 PM
I tried defining the images inside the triple table selector as 100 opacity but no luck :(
I also tried singling out the TDs inside the table table table selector but nothing :(
it seems like there should be a way.
im gonna try working with images next. I like the idea of breaking into color and transparent alternating pixels.
vBulletin® v3.7.1, Copyright ©2000-2009, Jelsoft Enterprises Ltd.