Drop shadow on img missing

Hi!
I want a drop shadow on my images. I have created this div to do that:
.shadow{
box-shadow: 5px 5px 3px rgba(65, 65, 65, 0.5);
Then I added the div class to my images. But it doesn't work on the images already inside a div tag. E.g. my two pictures in "right2" does not have a drop shadow at all. But my first picture "aurora" does have a drop shadow. How come?
<a href="work_aurora.html"> <div class="shadow"> <img src="img/aurora_740x340.jpg" onmouseover="this.src='img/aurora_mouseover.jpg'" onmouseout="this.src='img/aurora_740x340.jpg'" width="740" height="340" alt="aurora" /> </div> </a>
        <div class="right2">
       <a href="work_halloween.html"> <div class="shadow"> <img src="img/rama_360x220.jpg" onmouseover="this.src='img/rama_mouseover.jpg'" onmouseout="this.src='img/rama_360x220.jpg'" width="360" height="220" alt="ramasjang" style="float:left;" /> </div> </a>
        <a href="work_enter.html"> <div class="shadow"> <img src="img/enter_360x220.jpg" onmouseover="this.src='img/enter_mouseover.jpg'" onmouseout="this.src='img/enter_360x220.jpg'" width="360" height="220" alt="enter" style="float:right;"/> </div> </a>
      </div> <!-- right2 ends here -->

Please upload the entire webpage to the web and post a link so we can view it in our browsers.

Similar Messages

  • Fading A Drop Shadow - Missing 'Layer Mask Hides Effects' in CS5

    I'm using CS5.  I want to create a fading drop shadow on a shape/box. See the attached image below.
    In Photoshop, this is easy by doing:
    1) Create shape
    2) Add layer mask to shape layer
    3) Click gradient, set gradient to Multiply, and set gradient colors to white to black
    4) Drag gradient where you want it on the shape.  The drop shadow will actually bleed through the middle of the shape, and not just on the edges, which is unwanted.
    5) Open up layer styles, under Blending Options, select Layer Mask Hides Effects and it will get rid of the drop shadow showing up in the middle of the shape and you will be left with perfect, faded drop shadow on the edges (see below for finished product).
    Firework is missing step 5.  There is no Blending Options and there is no Layer Mask Hides Effects.   Or if there is, I have no found them. I am using CS5.  Any ideas how to accomplish this in Fireworks?

    Clone the shape. Change the color of the clone to gray and, in the properties panel, change its edge type to feather.  With the clone still selected, choose Commands > Creative > Auto Vector Mask. Select the bottom, left mask type by clicking on its image, and then apply it. In the layers panel, click on the new mask group to select it. Click on the black masking object on the right of the two linked objects to activate the gradient adjustment handle. Shorten and rotate the gradient until you get the effect you want.

  • Drop Shadow missing

    Hi everyone, thanks in advance for any help
    I have just moved up to Illustrator CS4, teh thing is under Effect/Stylise I only have Glowing Edges, no sogn of a Drop Shadow in sight
    Cany anyone suggest anything please? (other than copying the image to Photoshop and applying a drop shadow there )
    Thanks

    Fantastic. Thanks a lot

  • White box behind transparent images with drop shadow in InDesign CC 2014 (v.10) but not in InDesign CC (v.9)

    Hi all,
    Please can you help? No matter what settings I use in my print options in InDesign CC 2014 (v.10), ALL transparent images with a drop shadow are printing with a white box behind the image. If I remove the drop shadow, all prints fine. I know this is an old issue that happens with ID sometimes but I have been lucky enough to never have had it happen to me before! (All images are regular flattened TIFF images with clipping paths).
    Also, feathered edges are not printing correctly and are sharp instead of feathered.
    When I export the document to IDML and open it up in InDesign CC (v.9) all prints perfectly with no white boxes and feathered edges prints perfectly as well. I have compared all of the print settings (including color management, transparency flattener, etc.) between both versions and they are exactly the same. I am printing to a Xerox color laser printer. Can anyone offer any advice?
    Thank you so much,
    Christine

    Okay...false alarm! It turns out that the issue was with my PRINTER settings (the settings you customize after hitting the “Printer” button at the bottom of the Print dialogue box in ID CC. I thought I had triple checked this but it seems there was one setting I missed earlier…adjusting the print brightness seemed to cause the issue. SO GLAD to know it was not InDesign…20 or so sheets/prints later….and thankful to know what was causing the issue! Thank you so much Steve for helping at any rate:) Much appreciated:)

  • Changing default values in Drop Shadow

    When using Drop Shadow in the Motion tab of the viewer I find that I never have used the default settings of the Offset or the Opacity. Seems like there must be a way to change these settings permanently so they come up to some more convenient settings.

    I probably should have thought of that a long time ago. Darn good idea. Feel kinda dopey for missing that one. I use the favorites for transitions but never thought of putting the Drop Shadow in there.
    Still, is there a way to change the defaults much like you can change the default length of stills that are imported? It would be useful on so many tabs in Motion and Filters.

  • Problem with Chroma/Lume Keys while using Drop Shadows

    I have been using the box now for almost two years and I still am getting problems with green/blue/purples artifacts showing up after a chroma/luma key has been applied with a drop shadow. The artifacts do not show up under a preview but only when the sequence has been rendered. As soon as I take the drop shadow off, the artifacts go away. This is happening with both still graphics with or without Alphas and green/blue screen video. Please help, am I just missing something or is there a work around that I could be using.
    Thanks,
    Alex

    c'mon, Bogie - tell us what you really feel - don't hold back... < </div>
    Oh, Patrick, buddy, I am so totally torqued out of shape today. Don't get me started. Too late. FCP's insane render handler is dropping my files, seemingly at random. The nests, Motion and LiveType material are not rendering in the correct order which makes the effects all wonky.
    I add drop shadows in the last stage and FCP just ain't holding it together. I get glitches. And then I keep getting these Media Offline notices because FCP cant' track the render files that are actually in use in the upstream nests.
    I'll certainly admit a likely a user error. I just don't know what it could be. I've somehow told FCP to destroy its children.
    bogiesan

  • Using InDesign CS6, why does a drop shadow applied to a text box, cause a photo on the same page to

    I thought it was just a screen appearance so I made a pdf and the photo is lighter here too.  I've never had this issue with CS5.5 or earlier.  Drop shadows were able to be applied to one object without affecting others on the page. Is it a bug? Is there a setting I'm missing?  Thanks!

    Overprint preview didn't stop the lightening of the photo.
    A google search turned up the suggestion to change the transparency blend space to RGB, which worked in InDesign.  When I make the pdf (no color conversion) it looks ok. But when turning on Output Preview in Acrobat, the photo lightens again.  Weird and frustrating - I'm not sure what the final output will look like. 
    Is Transparency Flattener set at High res an option?
    I appreciate your help!
    Anne

  • How to add a simple drop shadow to video clip

    Ok, so perhaps I'm just looking in all the wrong places, or perhaps it was an oversight in the initial release of FCP X....but for the life of me, I cannot find where to add a simple drop shadow (in this case, for actual video footage.  I haven't looked into shadows for text).  I have keyed footage (BTW, bravo Apple on the chromakeyer in FCP X) that I need to add a drop shadow to in order for it to blend nicer with the background footage.  Is this feature missing?  Or am I simply not looking in the right place?

    Same answer as your other recent thread.

  • Copy/Paste graphic w/drop shadow to indesign - loses transparency

    See above image.. I made a vector version of our company logo in illustrator (all programs referenced are cs5 btw) and it looks great, but when I copy and paste from Illustrator to InDesign, it loses the transparency around the logo. If I place the logo instead, it works fine. The trouble is there are about 16 variations of the logo, and its MUCH easier to copy/paste from one aggregate file instead of having many different logo files to place.
    Background on how the logo was created: The inner circle area is multiple different gradient layers (some with transparency masks as well). The white line around the outside is an expanded stroke, and it had a drop shadow effect applied (Stylize menu), which I expanded so it would scale properly when scaling the logo up and down. Here is a link to download the logo: download logo
    Q: Is there any way to make InDesign preserve the transparency when I copy and paste?
    Would be eternally grateful if someone has a solution that allows me to copy/paste!

    I agree with Bob's suggestion to use separate "layer groups" in your logo file for different styles. I also use separate layers inside InDesign to "multi-purpose" company documents with different backgrounds, graphics, and content. But that's the only way I use layers inside InDesign – Not for general placement of image files! I also disagree with ability to copy and paste graphics from Illustrator with drop shadow. Here's an .ai logo which I quickly added Drop Shadow to in Illustrator CS4, and then a Copy and Paste into InDesign CS4 document. Best workflow practice is to 'Place' image files as Bob suggests, linking them from a separate file folder.
    For something "quick and dirty" I see no problem with Copy and Paste, but your success may vary based on OS, and CS versions you are using!  Sometimes it is wiser to take a few shortcuts to hit rather than miss that deadline!

  • Unwanted drop shadow showing up on shape objects - BUG?

    Hi all,
    I am currently using photoshop cc 2014 and pasting vector objects in as a "Shape Layer" - for some reason a shadow is showing up around every object i create since i upgraded to cc 2014 but it is NOT a layer style. How do i remove this? is it a graphics issue or processor issue? Does anyone know the settings to allow me to create shapes with sharp edges?
    Any help would be greatly appreciated

    I'm running into a similar problem. I've pasted a shape from illustrator as a vector smart object. When I have a green rectangle below it, there is no drop shadow. But when I hide that layer, the drop shadow clearly shows above the white background.
    It appears to be controlled by the global light under layer styles, but I can't turn it off even when "Drop Shadow" is unclicked.
    Drop shadow clearly showing, even when it's unclicked in Layer Style.
    No Drop Shadow showing when there is a green rectangle underneath.
    Drop Shadow appears over white Background when the green rectangle is turned off.
    Drop Shadow appears to be controlled by Global Light, but there seems to be no way of turning it off.
    What am I missing here? Any help would be awesome. Thanks!

  • Drop Shadow on Widgets

    I have inserted a picture to a menu widget and applied a drop shadow. The shadow follows the shape of the picture fine in design mode, but when I go into view in browser, preview or publish the shadow follows the shape of the box the picture is contained in, not the picture inside (picture is a simple textured tag shape). What am I missing? Background is selected none with zero transparency but I can't see anything else to change. And why fine in design mode but not when sent live or in preview? Please help!

    This is a bug.
    In general Muse attempts to use CSS for effects (i.e. drop shadow) whenever it can. Unfortunately, CSS works reliably for rectangular drop shadows but not for irregular shapes. For irregular shapes Muse bakes the drop shadow into a new composition image. However, for the particular use case you've encountered Muse is incorrectly assuming CSS will work. It doesn't.
    This is fixed for the next major release of Muse, but will unfortunately not be included in a dot release. The only workaround at present is to add the drop shadow to the image outside of Muse and then re-place/import the image.
    Sorry for the inconvenience.

  • Drop shadow on garbage matte

    Happy New Year All. I may be missing something obvious. I made a hole in an animated background with a matte. It is static. An HD interview video is placed behind. It looks like a photo with straight edges and I did it to fake a mild zoom in out on the video. I want a drop shadow on the "photo". Possibly too much Holiday cheer but I can't think of a way to put a drop shadow on the rectangular matte in Motion 4. I guess that I could bring in a shadow made in some other app but would like to stay in Motion. Thoughts? Thanks.

    As you can see in this picture, the image is larger is larger than what is visible. The drop shadow follows the mask, not the outline of the picture.
    What are you doing differently?
    Patrick

  • Drop shadow on a wall  perspective

    I am trying to figure out how to create the drop shadow of a sphere on a wall.
    I am not a beginner on that matter ( well ... I am ready to learn more)
    The blue lines represent the sun rays and the sun trace wich is in front and on the right side of the viewer P.
    The green sun grid represent the sun position on the azimut moved and vertically aligned to the viewer position P. This to create the trace of the sphere on the wall.
    From here I am missing something.
    It is your cue. What am I missing?
    How do I join files to define my question?
    http://privee.jeanpierredaviau.com/news/perspective.gif

    I am working at it.
    In perspective 2 . gif
    Normally the second set of lines (trace) is build from the real position of the sun (azimuth) dropped on the horisn line.
    The real position of the sun gives one set of lines.
    The position of the sun displaced on top of the P point gives the other set of lines.
    The encounter of the two sets establish dots from wich the shadow is drawed.
    It should be the same with a sphere.

  • Drop Shadow - how to achieve

    There's most probably a simple answer to this question although for the life of me I can't think what. I've tried to online help file and achieving a drop shadow appears to be pretty straight forward but I'm just not getting it. I click on fx and when the dialogue opens click on drop shadow. All settings are at default and the small preview box responds (expands etc) in response to my adjusting the controls but no effect is seen on the image. I've tried changing the image from 16bit to 8bit thinking - well maybe - but no still no joy. Am I missing a setting somewhere?

    Well that is simply an image with a white border like an old photo, and then an extra area (border) round the image so the drop shadow can be seen.

  • Help Recreating Drop Shadow Effect from Clipping Mask

    A few months ago I created the image attached. Today for the life of me I cannot create a similar effect, where the drop shadow of the text comes from the clipping mask. Everytime I try to follow the same steps and layer styles I keep getting a normal black drop shadow not a drop shadow that comes from the clipping mask like in my example. Help please I am driving myself crazy!!!

    Thanks JJMack and PCTGraphic !
    PCTGraphic converting the text layer to a smart object is what I seemed to be missing (and what I believe I did in the attached picture as well). Thanks for the reminder!
    JJMack I really appreciate your answer as well (there's always more than way of doing things), but I know I didn't use a vector mask originally.  Unfortunately, I do not know how to add text to a vector mask.  I would like to learn how to do it your way, I will work on that (the screen shot will help, thank you)!

Maybe you are looking for