473,662 Members | 2,622 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Drop Shadow

Hi,
What is the best way to add a drop shadow around table borders with
just html and css that looks nice and works in most browsers? I have
written a program for making online web site calendars, and I want to
add a drop shadow effect around the calendars, without having to use
images.


------------------------
web calendar pad
http://www.calendarpad.com
Jul 23 '05 #1
3 33761
On 22 Sep 2004 11:00:42 -0700, Pawel <do********@hot mail.com> wrote:
Hi,
What is the best way to add a drop shadow around table borders with
just html and css that looks nice and works in most browsers? I have
written a program for making online web site calendars, and I want to
add a drop shadow effect around the calendars, without having to use
images.


Border style choices in CSS are limited. See
http://www.w3.org/TR/CSS2/box.html#v...f-border-style for a
description and list. Note that not all UAs support all border styles.

For any other border effects, images must be used. It is tricky and weird,
but it can be done. A List Apart had an article related to this -
http://www.alistapart.com/articles/customcorners/
Jul 23 '05 #2
On Wed, 22 Sep 2004 14:28:54 -0400, Neal <ne*****@yahoo. com> wrote:
For any other border effects, images must be used.


Eric Meyer had some CSS code that did drop shadows without images,
using a humber of nested <div>s. However it seems to have problems
with IE6 mis-rendering the boxes and it appears to have disappeared
from www.meyerweb.com Maybe it's fixable if you work on it.
Jul 23 '05 #3
do********@hotm ail.com (Pawel) wrote in news:da71a1be.0 409221000.58acc e48
@posting.google .com:
Hi,
What is the best way to add a drop shadow around table borders with
just html and css that looks nice and works in most browsers? I have
written a program for making online web site calendars, and I want to
add a drop shadow effect around the calendars, without having to use
images.


http://www.rpi.edu/~hughes/www/trick...wbox/drop.html

The colors of the example are messed up, due to laziness on my part.
Jul 23 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

0
2272
by: james | last post by:
Hi guys! I´ve got a centerd table on my site with a black 1 pixel border. What i would like to do is to add a drop shadow to the table. Anyone know if it's possible to create a drop shadow for a table? Does anyone has an example? Thanks, James
1
3230
by: Paulo Jan | last post by:
Hi all: I've got the following example page: http://www.arrakis.es/~paulj/test.html, where I try to simulate a drop shadow effect in the upper and lower <DIV>s. It works perfectly in Mozilla, but in IE 6, the image that forms the lower "drop shadow" doesn't stick to the bottom <DIV>; instead, there's some space between it and the <DIV>. Can anybody shed some light on why this happens? I'm new to stylesheets, so maybe it's some...
3
2780
by: surajitkhan | last post by:
Hi Can anyone tell me how to make a drop shadow for a table or td through css. I dont want to use any image. I want it done through background color. Thanks Surajit
1
5700
by: Frank Rizzo | last post by:
How would I go about adding a drop shadow to a picture box? Thanks
2
1951
by: Vedia | last post by:
Hi All, I made a CSS Drop Shadow with help of www.alistapart.com. http://www.halimsasmaz.com/DropShadow/test.htm On above link, If I set IMG tag's Alignment attribute to Right it works wrong. How can I solve this problem?
0
3528
by: juglesh | last post by:
Hello, I've searched and d/l'd but cant seem to find a way of creating a semi-transparent drop shadow for an image. Let me say, be fore I go on, I *do not* want one of those scripts that resizes your image a bit to the left and bottom, and then grafts a shadow onto it. I want to use a full shadow (it would be about as big as the image) and shift it a bit with CSS. So, I will have the image sitting in a DIV which will have the shadow as...
3
3400
by: mechphisto | last post by:
So I'm Web browsing and I go to rottentomatoes.com, and I see something interesting: If you go to any movie page, you'll see on the top left, above and below the film poster image, the names of a couple of the actors and the director. Those names are orangeish, but with a black drop shadow! And it's just text, not images. I could really use that technique on my Web site where I have some text over an image that needs to "pop" and be in...
9
2375
by: adastic | last post by:
Any idea how this guy does his AJAX drop shadows (see the post title "New Year New Site" in blue with the light gray in larger font offset from it): http://www.dhtmlnirvana.com/blog/archives/New-Year-New-Site.html ...and could this technique be used to create a more conventional same-font/slightly offset text drop shadow? I see from this post that sometimes text drop shadows are done in a way that leaves the text showing up double in...
2
7919
by: Peter Morris | last post by:
I have a 200x200 PNG file which has an Alpha layer. What I would now like is a 200x200 image that is completely black, but with the same alpha mask. This is so that I can use it as a drop shadow behind the PNG when drawing to a target image. I cannot see how I can draw to a Graphics without destroying the Alpha. Any hints?
0
8857
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
8546
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8633
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7367
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6186
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5654
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4347
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
1993
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1752
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.