[grafiks]

I have a problem.

http://www.hypelondon.co.uk/amos/portfolio1.html

the black transparency over the main image is int eh table behind the table witht eh content in however the content is also having the fade applied to it and it shouldnt, this si a rookie error but I am tired and I cant see the error, can anyone help.

cheers

me

[Dusteh]

code is a total mess, can't see any overriding opacity setting for the copy class? this opacity is for IE only, wheres the code for firefox/every other browser in the world?


<meta name="description" content="A-Bike">
<meta name="keywords" content="Sir Clive Sinclair, Folding Bike, A bike, A-bike, Collapsible bike, Commuter transport">
<meta name="author" content="www.a-bike.co.uk">

??? whats going on.

[grafiks]

i havent written it for firefox yet, I need to get it working in i.e. first

[grafiks]

also why is the code is a total mess?? this is a table only website and not css as the budget is low.

[pgo]

The code is a mess because it's been written for IE-only and it uses all the worst, out-of-date practices.

No DOCTYPE, tables for layout, inline images, JavaScript in the HTML, presentation mixed in with the content, etc.

Originally Posted by grafiks

i havent written it for firefox yet, I need to get it working in i.e. first

That's backwards. Make it work in Firefox/Safari/Opera/etc. then fix for IE.

[grafiks]

god I only asked for help on the css bit, this is an unfinished page of an entire site. if no one can help me with the point in hand then dont bother.

[oli]

You just asked "also why is the code is a total mess?? "
So he told you.

[grafiks]

fair enough

[Dusteh]

as for your original problem I'll repeat myself in case you missed it: can't see any overriding opacity setting for the copy class.

*edit* although now that I think about it, I seem to dimly recall that child items inherit the parent attributes for opacity even with an overriding style, so you might want to position the text in another way. This will be tricky as you are using table cells.

[MikeMackay]

Originally Posted by grafiks

god I only asked for help on the css bit...if no one can help me with the point in hand then dont bother.

I would say "Welcome to the forum !" but you're not new so you should have expected as much

- Mike

[grafiks]

I do expect it, but its been so long since I have been on here I seem to have forgetten, anyway thanks for your help I will program the page from scratch and not try to cut corners.

[grafiks]

I am sorry to drudge up this post again but still need help

http://www.hypelondon.co.uk/amos/portfolio1.html

this is the css for the shade

#content_shade {
background-color: #000000;
filter:alpha(opacity=20);
opacity: 0.2;
-moz-opacity:0.2;
color: white

}


and this is the css for the copy

.copy {
font-family: Helvetica;
font-size: xx-small;
color: #FFFFFF;
text-decoration: none;
text-transform: lowercase;
text-align: justify;
opacity:100%;
opacity: 1;
-moz-opacity:1;
}

but the copy is still 20% transparent on top of the black shade

[pgo]

Stop. Using. Non-standard. CSS. Rules.

[Transmogrify]

grafiks, I've been having a similar problem. Opacity doesn't validate with css2 anyway (it seems). What I've done is made a semi-transparent PNG file and stuck that in the background. Check out www.kozmo.co.uk for an example - doesn't yet work in IE6 BUT IT WILL! Best solution I've found so far.

[pgo]

You can get the PNG transparency to work in IE6 with that filter nonsense (fed from an IE-only stylesheet, of course). It works in IE7.

PNG transparency works in every other modern browser. The same cannot be said for the above code.

[grafiks]

cheers Transmogrify

[grafiks]

I found the above code when trying to find a solution so if its shit blame google. I am a designer who pays people to do this shit.