772 snippets from 1557 members, and growing!
|
login
|
join
about
bytebin
members
tags
snippets
join
Snippets
Submit a Snippet
Search Snippets
New Snippets
Top Snippets
Top Tags
PHP
(136)
JavaScript
(123)
Java
(66)
VBSCRIPT
(58)
String
(44)
CSS
(31)
CSharp
(28)
File
(28)
HTML
(27)
C
(24)
mysql
(24)
VB.NET
(24)
python
(24)
CPlusPlus
(23)
groovy
(23)
New Snippets
Consumer Complain...
Private Snippet?
Very lightweight ...
AutoComplete plug...
AutoComplete plug...
Connection Java -...
View PostgreSql
Store Procedure
Pygame - Simple p...
Python - Anagram ...
Venture Capital Jobs
New Members
kazumaniax
bmax1368
me
jamesmcm
Can
Kelmi
ysg
dannymo2
chorny
wallie
Top Members
dannyboy
sundaramkumar
mattrmiller
Pio
i_kenneth
ASmith
ctiggerf
sehrgut
bertheymans
SCoon
Home
/
Snippets
/
Add Shadow for Tables/Divs
/
Comments
Add Shadow for Tables/Divs
Snippet Menu
Revisions
Comments
Related Snippets
Add to Favorites
Email Snippet
Download Snippet
Print Snippet
Blog Snippet
snippet
|
revisions
|
comments
|
related
|
Add to Favorites
|
email
download
|
print
|
blog it
New Comment
works but...
Tue. May. 29th, 2007 4:10 AM
morad
it works but, i think this is good when shadow is having opacity.
isnt it?
http://www.morad.info/
Reply
reply-about opacity..
Sat. Sep. 22nd, 2007 8:03 AM
el_nokio
i think that there is no big difference ..using a gray, silver etc color Vs using opacity , but here it is (CSS opacity) .. ;)
- "
i think that i can think as randomly as i want to always so..
" -
[
el_nokio
]
<style type=
"text/css"
>
<!--
body
{
padding
: 5em
}
#shadow
{
color
: #
000
;
background
: #ccc
none
;
opacity:.
50
;
filter: alpha
(
opacity=
50
)
;
-moz-opacity:
0.5
;
width
:
100
%
}
#shadow table
{
position
:
relative
;
left
: -8px;
top
: -9px;
width
:
100
%;
color
:
white
;
background
:
red
}
-->
</style>
Reply
Works perfectly!
Fri. May. 18th, 2007 8:55 PM
jonEP
Nice snippet, thanks!
Say is there anyway to do rounded corners for the shadows?
Reply
New Comment
isnt it?
http://www.morad.info/
- " i think that i can think as randomly as i want to always so.. " - [ el_nokio ]
<style type="text/css">
<!--
body { padding: 5em }
#shadow { color: #000;
background: #ccc none;
opacity:.50;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
width: 100% }
#shadow table { position: relative;
left: -8px;
top: -9px;
width: 100%;
color: white;
background: red }
-->
</style>
Say is there anyway to do rounded corners for the shadows?