Results 1 to 3 of 3

Thread: How to create a border around this site

  1. #1
    Join Date
    Dec 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default How to create a border around this site

    Hi, please help, I want to create a 20px border of red color from all the four sides of www.staynfly.com.

    Can I also have some shadow effect to the border as well.

    Shall be grateful. Sorry for my ignorance.

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    my suggestion would not to use the border properties, however create background image with the affect you are looking for and assign it to the body, making sure to provide an html color similar to the primary color of the image in-case the image for some reason doesn't show up

    Code:
    body {
         background: #hexadecimal url('/path/to/image.ext');
    }
    than have a containing element for the content, and apply some the appropriate margin you wish to achieve, and assign a background color to distinguish the element from the desired body background.

    HTML Code:
    <body>
    
    <div id="container">
    <!-- body content here -->
    </div>
    
    </body>
    Code:
    div#container {
         margin: 20px;
         background-color: #ffffff;  /* hexadecimal for white */
    }

  3. #3
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Add this to your .css:
    Code:
    html {
    	border: solid 20px #ff0000;
    }
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •