Create a Website Drop Shadow with CSS – Dreamweaver Tutorial

Create a Website Drop Shadow with CSS – Dreamweaver Tutorial

Let’s learn how to create a drop shadow that runs along your site, and, if your site expands, expands with it! We will start in Photoshop where we will create a nice little drop shadow graphic and then it’s off to Dreamweaver for some CSS and Div-tacular fun… yep that was certifiably lame, but enjoy the video anyway!

More from Nathaniel Dodson
The Extract Filter – Photoshop CS2
The Extract Filter In Photoshop CS2 Learn how to make and use...
Read More
Join the Conversation


    1. says: Pam

      In case anyone else needs to know, Nathaniel let me know that I just needed to delete the height value of 0px in my style sheet under #wrapper. That way the shadow was able to drop down the page. Thanks!

  1. says: Mlmarko

    Trying to watch this video and I get a message that my Quicktime is out of date. What can I do since Quicktime is built into my Mac? I’m running Mac OS 10.5.8

  2. says: Muldoon5

    I am creating a liquid site. I have followed along with the tutorial but instead of inserting 840px as the width of the box inside the style sheet for #shadow. I am trying to do it at 85%. When I do this I can see the right hand side of the shadow but not the left. Can you please tell me where I am going wrong?

  3. Pingback: estradon p
  4. Pingback: Live draw hongkong
  5. Pingback: Jessica Hall
  6. Pingback: poker online
  7. Pingback: click here
  8. Pingback: Nellie Gardner
  9. Pingback: How-to
  10. Pingback: Agen Bandarq
  11. Pingback: قاب آیفون
  12. Pingback: economics tuition
  13. Pingback: stanoxyl 10
  14. Pingback: yandex ankara
  15. Pingback: yandex ankara
  16. Pingback: yandex ankara
  17. Pingback: a fantastic read
  18. Pingback: economics tuition
  19. Pingback: joseph de saram
  20. Pingback: joseph de saram
  21. Pingback: joe de saram
  22. Pingback: Sandra balan
Leave a comment
Leave a comment

Your email address will not be published. Required fields are marked *