View Full Version : 3 Image CSS Rounded Tab
02-01-2007, 07:11 PM
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?
02-01-2007, 09:35 PM
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.
02-02-2007, 05:08 AM
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.
Powered by vBulletin® Version 4.2.2 Copyright © 2016 vBulletin Solutions, Inc. All rights reserved.