Re: [css-d] (Second Posting...anyone know?) How can I create a shadow around a div without the imageinside?

[David Laakso]

Rick Faircloth wrote:


Any hints?  See code below..

Rick
 


I have no idea, but you show raw numbers for height and width?
If you are atttempting a drop shadow created with CSS for a division, 
you might check this:





 


-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Rick Faircloth
Sent: Sunday, October 16, 2005 11:24 PM
To: css-discuss
Subject: [css-d] How can I create a shadow around a div without the
imageinside?



I'm trying to create a drop-shadow around a div.
I want to put text in an inner div, but I can only get
the shadow to show around the outside of the inner div
if there's an image present.

How can I change this code to create the shadow around
the inner div without the image?  Is it possible?

Here's the code:







Thanks!

Rick


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

   



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



 




--
David Laakso
http://www.dlaakso.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (Second Posting...anyone know?) How can I create a shadow around a div without the imageinside?

[Christian Montoya]

35 PX <-- you need units!

height:35px; width:35px;

--
- C Montoya
rdpdesign.com ... liquid.rdpdesign.com ... montoya.rdpdesign.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] (Second Posting...anyone know?) How can I create a shadow around a div without the imageinside?

[Rick Faircloth]

I checked out another of the demos on the cssplay site
and found this code, but I can't see what is creating the
shadow...in the other code I tried, filter:shadow was used,
but what in the code below creates the shadow?

Rick

.out {
  display:block; 
  background:#bbb; 
  border:1px solid #ddd; 
  position:relative;
  margin:1em 0;
  }
  
.in {
  text-align:center; 
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
  
.ltin {
  left:-5px;
  }
  
.tpin {
  top:-5px;
  }
  
.narrow {width:8em;} /* change to suit */
h4 {font-weight:bold; color:#000;}



> -Original Message-
> From: David Laakso [mailto:[EMAIL PROTECTED]
> Sent: Monday, October 17, 2005 9:20 PM
> To: [EMAIL PROTECTED]
> Cc: css-discuss
> Subject: Re: [css-d] (Second Posting...anyone know?) How can I create a
> shadow around a div without the imageinside?
> 
> 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (Second Posting...anyone know?) How can I create a shadow around a div without the imageinside?

[Kelly Miller]

There are a number of ways of doing shadows in CSS.  The one you're 
asking about uses two divs; the out is the shadow and the in is the main 
div.  The code simply makes the out div offset to the right & bottom and 
colours the background black (with a grey border, so it appears to blur).


Personally, I use a combination of a group of translucent PNG's and the 
shadow filter (to make up for IE's lack of PNG support) to do drop 
shadows on objects, 
http://crystalsanctuary.rpgsource.net/designs/msf/final/images-imagelist.htm#jumpmenu


Rick Faircloth wrote:


I checked out another of the demos on the cssplay site
and found this code, but I can't see what is creating the
shadow...in the other code I tried, filter:shadow was used,
but what in the code below creates the shadow?
 




--
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

Please avoid sending me Word or PowerPoint attachments.
See http://www.gnu.org/philosophy/no-word-attachments.html

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] (Second Posting...anyone know?) How can I create a shadow around a div without the imageinside?

[Derek de Jong]

I'm trying to create a drop-shadow around a div.
I want to put text in an inner div, but I can only get
the shadow to show around the outside of the inner div
if there's an image present.

How can I change this code to create the shadow around
the inner div without the image?  Is it possible?

My understanding was that the 'filter' is proprietary to Internet 
Explorer, and not part of the W3C CSS spec 
(http://www.websitedev.de/css/validator-faq, see "Why don't my [...] 
filters [...] validate?"). Is there any way to apply a dropshadow in a 
spec-compliant fashion? Not with the same ease, but it's certainly possible.


Here is a fantastic ALA article that uses images 
(http://www.alistapart.com/articles/onionskin) instead. Between the 
cssPlay example that David mentioned and this one, you should be 
droppin' shadows in no time.


Regards,
Derek
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/