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 5 of 5
  1. #1
    New Coder
    Join Date
    Dec 2008
    Posts
    81
    Thanks
    11
    Thanked 1 Time in 1 Post

    Photoshop round corners

    I am studying css with a book that has directed to use photoshop images for round corners which has left me with 4 images of corners to use. My problem is I have only managed to put 2 corners because I can only specify 1 background image to css tag/attribute which leaves the other side without corners. Here is an example of the html code.
    Code:
    <div id="message">
    <p><strong>Special offers this week<strong><a href="#">
    Click Here</a>
    </p></div
    I have put a css background: url(leftcorner.gif) no-repeat bottom left; thats for the corners

    My problem is how can apply all the 4 corners to the whole page. I have put the corners on the div tag and <p> tag? Sorry I do not have access to my laptop to copy and paste the whole css and html so I hope this is enough info.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Take a look at the technique used at www.roundedcornr.com (You may use firebug in your Firefox to insect the tags and attributes)
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    misheck (12-03-2009)

  • #3
    New Coder
    Join Date
    Dec 2008
    Posts
    81
    Thanks
    11
    Thanked 1 Time in 1 Post
    Thats a good website but I am looking for a solution that works around what I already have. Thanks I will use the website for my websites.

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by misheck View Post
    Thats a good website but I am looking for a solution that works around what I already have. Thanks I will use the website for my websites.
    ab was suggesting you look at the code that webpage generates. It will work with the images you already have.
    Last edited by Excavator; 12-03-2009 at 05:05 PM. Reason: spleling error
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New Coder
    Join Date
    Dec 2008
    Posts
    81
    Thanks
    11
    Thanked 1 Time in 1 Post
    Thanks I looked at the method they used for the round corners from the website.


  •  

    Posting Permissions

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