Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Aug 2006
    Thanked 0 Times in 0 Posts

    3 Image CSS Rounded Tab

    Does anyone know how I can make a rounder corner tag with 3 images. I have a background-repeat for navcontainer my main nav and then navcontainer span for the right roudned corner image. How would I do the left corner image?

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Thanked 1,838 Times in 1,822 Posts
    Hello mikka23,
    There are several methods of making rounded corners... not familiar with any that use <span> though...
    We really need to see your code. A live link would be best, quoting your code here is a second choice.
    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

  • #3
    New to the CF scene
    Join Date
    Feb 2007
    Thanked 0 Times in 0 Posts
    I prefer using just 2 images one for the right side and center and one for the left. If you use a list for the tabs you can set the left corner to be background for the <li> tag and then set the right side/center image for the background of the link. This works nicely. If you make the images taller than needed and make the right side/center image wider than needed the excess will get clipped. This allows you to handle scaling text size fairly well.


    Posting Permissions

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