Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • World
  • Users
  • Groups
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Code Project
  1. Home
  2. Web Development
  3. ASP.NET
  4. how to create rounded corner div with drop shadow.

how to create rounded corner div with drop shadow.

Scheduled Pinned Locked Moved ASP.NET
javascriptalgorithmshelptutorialquestion
5 Posts 2 Posters 0 Views 1 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • S Offline
    S Offline
    Sudhanshu Mani Tripathi
    wrote on last edited by
    #1

    Hi , l am using jquery and jquery.corner pluging to create div rounded with border. i get it, but my problem is that i want to use drop shadow on bottom and right side of div . i am searching it last couple of days but no getting it. i also have used liquid canvas but did not find correct solutions Please suggest How to do it?

    M 2 Replies Last reply
    0
    • S Sudhanshu Mani Tripathi

      Hi , l am using jquery and jquery.corner pluging to create div rounded with border. i get it, but my problem is that i want to use drop shadow on bottom and right side of div . i am searching it last couple of days but no getting it. i also have used liquid canvas but did not find correct solutions Please suggest How to do it?

      M Offline
      M Offline
      MyDevBank
      wrote on last edited by
      #2

      with jquery UI you can do it i think its css class ".ui-widget-shadow" but set the margin(for the shadow) as you like around the div MyDevBank.com

      S 1 Reply Last reply
      0
      • M MyDevBank

        with jquery UI you can do it i think its css class ".ui-widget-shadow" but set the margin(for the shadow) as you like around the div MyDevBank.com

        S Offline
        S Offline
        Sudhanshu Mani Tripathi
        wrote on last edited by
        #3

        HI, I am new for jquery and using last couple of days.I have no idea that how to use jquery UI and css class .ui-widget-shadow. please let me know how to use it.

        M 1 Reply Last reply
        0
        • S Sudhanshu Mani Tripathi

          HI, I am new for jquery and using last couple of days.I have no idea that how to use jquery UI and css class .ui-widget-shadow. please let me know how to use it.

          M Offline
          M Offline
          MyDevBank
          wrote on last edited by
          #4

          to make it short... download this open a index.html file in your browser its a demo in the shadow case -> look at the dialog demo -> look at the html , class="ui-widget-shadow ui-corner-all" now add the folders to your site/web app then set this html in a page for a test link the 2 js file and css to that page

          <div style="width:100px;"><div class="ui-corner-all ui-widget-shadow" ><div class="ui-dialog-content ui-widget-content">test 123</div></div></div>

          you should get a small shadow around a div with a test 123 text in it now you need to set the margin of the shadow so it will have an angel relating the text div it take some time to get in to it but its a great tool for web development reply back for results :) MyDevBank.com

          1 Reply Last reply
          0
          • S Sudhanshu Mani Tripathi

            Hi , l am using jquery and jquery.corner pluging to create div rounded with border. i get it, but my problem is that i want to use drop shadow on bottom and right side of div . i am searching it last couple of days but no getting it. i also have used liquid canvas but did not find correct solutions Please suggest How to do it?

            M Offline
            M Offline
            MyDevBank
            wrote on last edited by
            #5

            look at the video about the jquery dialog - great MyDevBank.com

            1 Reply Last reply
            0
            Reply
            • Reply as topic
            Log in to reply
            • Oldest to Newest
            • Newest to Oldest
            • Most Votes


            • Login

            • Don't have an account? Register

            • Login or register to search.
            • First post
              Last post
            0
            • Categories
            • Recent
            • Tags
            • Popular
            • World
            • Users
            • Groups