Is there any way to make a shadow for a table using CSS for both Internet Explorer and Netscape ?
I don't want to use DIV because i want my tables to be resized upon browser resizing !
I need this badly !
Thanks in advance !!!Something like this?
table {
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
}
AdamNo, i meant something like this :
<html>
<head>
<title>Shadow test</title>
<style>
#shadow {
filter
rogid
XImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray', Positive='true');
background-color:#FFFFFF;
border:solid 1px #000000;
}
</style>
</head>
<body>
<table CELLPADDING="0" CELLSPACING="0" BORDER="0" ID="shadow">
<tr>
<td>BLAH</td>
</tr>
</table>
</body>
</html>
I need it to work with IE4+ & NN6 +
Thanks !I've only heard of M$ Internet Explorer supporting filters. You could check out <!-- m --><a class="postlink" href="http://developer.netscape.com">http://developer.netscape.com</a><!-- m --> for more info, but I'm almost 100% sure that no other browser supports CSS filters.Is there any workaround ?
I mean another way to "simulate" a shadow without using the css filter property ?
ie: Use the layer technique but with divs that resizes ( i don't know if that is possible lol just a crazy idea !)I agree with toicontien, it only works in IE, and I wouldn't really use it anyways, but there you have it... lol
But I'm not sure if filter:shadow() works on only text, and if it does work on tables, I'm not sure it works in Netscape. (Of course, only about 2% of the users are using Netscape, but again, there you have it.)I wonder how you guys can code only for IE
I mean when i do something it must be perfect lol (including for those /$%$??&/Y"??" Netscape users (lol))
PS How things going Jona ?
As i said i saw a css shadow working under Netscape but it used div...maybe i can nest layers within a table so it can resize itself ? Or have a javascript that resize the content of a div ?
Damn Netscape !"Things" are going fine--it's the people that I have problems with.
lol
Actually I haven't really worked on anything that you sent me yet. Kinda been a bit on the busy side, if you know what I mean.
What was the site that had that?http://www.saila.com/usage/shadow/
Look at the "The Box Shadow" section.
It says : "The containing element must be a DIV or a TABLE if you want to degrade for older browsers !!!!
I'd like to believe that as it would solve all of my problems but i wasn't able to make it work !!!!!
It is really important to me that the box or table can resize itself !I would think that CSS2 properties would apply fine if in accordance with the W3C. That page looks fine to me. Is it not working for Netscape? It should. Also, can you provide a link to the site you're working on so that we can see what you've got going and what you're doing wrong?I didn't do anything yet !
My point is that the example shown on the website uses divx with absolute positionning (if i am not mistaken) and i want to use table tags instead of divs because it said it should work...
Of course i can make an example if you want one (but it won't work lol )Like they said, you can use tables. The positioning isn't exactly absolute either--it is relative. Which is basically the same thing as normal. So you don't have anything to worry about there. And it should work in a table, you just have to have a TD over a TD just like the DIV over a DIV. Same princible, different element.
Yeah, go ahead and make "an example."I did it this time
<!-- m --><a class="postlink" href="http://pages.infinit.net/rouxjean/test.htm">http://pages.infinit.net/rouxjean/test.htm</a><!-- m -->
Is there any optimisation possible ??
(I always use a table within a table...)
How do i make the css work with a relative height set for the tables ???lol, I think you got it!Almost !
I'm trying to make it work with a table set with a relative height but it doesn't work right now....
I have to leave for school now
Any help appreciated lolfixed
I don't want to use DIV because i want my tables to be resized upon browser resizing !
I need this badly !
Thanks in advance !!!Something like this?
table {
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 2px solid black;
border-bottom: 2px solid black;
}
AdamNo, i meant something like this :
<html>
<head>
<title>Shadow test</title>
<style>
#shadow {
filter
rogidXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='gray', Positive='true');background-color:#FFFFFF;
border:solid 1px #000000;
}
</style>
</head>
<body>
<table CELLPADDING="0" CELLSPACING="0" BORDER="0" ID="shadow">
<tr>
<td>BLAH</td>
</tr>
</table>
</body>
</html>
I need it to work with IE4+ & NN6 +
Thanks !I've only heard of M$ Internet Explorer supporting filters. You could check out <!-- m --><a class="postlink" href="http://developer.netscape.com">http://developer.netscape.com</a><!-- m --> for more info, but I'm almost 100% sure that no other browser supports CSS filters.Is there any workaround ?
I mean another way to "simulate" a shadow without using the css filter property ?
ie: Use the layer technique but with divs that resizes ( i don't know if that is possible lol just a crazy idea !)I agree with toicontien, it only works in IE, and I wouldn't really use it anyways, but there you have it... lol
But I'm not sure if filter:shadow() works on only text, and if it does work on tables, I'm not sure it works in Netscape.
(Of course, only about 2% of the users are using Netscape, but again, there you have it.)I wonder how you guys can code only for IE I mean when i do something it must be perfect lol (including for those /$%$??&/Y"??" Netscape users (lol))
PS How things going Jona ?
As i said i saw a css shadow working under Netscape but it used div...maybe i can nest layers within a table so it can resize itself ? Or have a javascript that resize the content of a div ?
Damn Netscape !"Things" are going fine--it's the people that I have problems with.
lolActually I haven't really worked on anything that you sent me yet. Kinda been a bit on the busy side, if you know what I mean.
What was the site that had that?http://www.saila.com/usage/shadow/
Look at the "The Box Shadow" section.
It says : "The containing element must be a DIV or a TABLE if you want to degrade for older browsers !!!!
I'd like to believe that as it would solve all of my problems but i wasn't able to make it work !!!!!
It is really important to me that the box or table can resize itself !I would think that CSS2 properties would apply fine if in accordance with the W3C. That page looks fine to me. Is it not working for Netscape? It should. Also, can you provide a link to the site you're working on so that we can see what you've got going and what you're doing wrong?
I didn't do anything yet !My point is that the example shown on the website uses divx with absolute positionning (if i am not mistaken) and i want to use table tags instead of divs because it said it should work...
Of course i can make an example if you want one (but it won't work lol )Like they said, you can use tables. The positioning isn't exactly absolute either--it is relative. Which is basically the same thing as normal. So you don't have anything to worry about there. And it should work in a table, you just have to have a TD over a TD just like the DIV over a DIV. Same princible, different element.
Yeah, go ahead and make "an example."I did it this time
<!-- m --><a class="postlink" href="http://pages.infinit.net/rouxjean/test.htm">http://pages.infinit.net/rouxjean/test.htm</a><!-- m -->
Is there any optimisation possible ??
(I always use a table within a table...)
How do i make the css work with a relative height set for the tables ???lol, I think you got it!
Almost ! I'm trying to make it work with a table set with a relative height but it doesn't work right now....
I have to leave for school now
Any help appreciated lolfixed