Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jul 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    rounded box tutorial

    How do I add a rounded box behind text and images?

  • #2
    Regular Coder Jutlander's Avatar
    Join Date
    Jun 2007
    Location
    In my own sick little world :P
    Posts
    425
    Thanks
    1
    Thanked 12 Times in 12 Posts
    For example if you have a rounded box as an image to a div with text, you can add a background image to that div.

    Code:
    .text {
    background: url(path_to_your_image);
    }
    Then add some padding inside it, so the text isn't so close up to the sides of the background image. If this doesn't work for you, you're gonna have to give some more specific info.
    .
    .

  • #3
    New Coder
    Join Date
    Jul 2007
    Location
    Chicago
    Posts
    16
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Eric Meyer has some tutorials on "shaping" layouts with CSS.

    Here's one example:

    http://meyerweb.com/eric/css/edge/cu...ious/demo.html

  • #4
    Senior Coder
    Join Date
    Apr 2007
    Location
    Quakertown PA USA
    Posts
    1,028
    Thanks
    1
    Thanked 125 Times in 123 Posts
    And another resource:
    Rounded box generator


  •  

    Posting Permissions

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