ed gooddy wrote:
Hi all,
I am trying to work out how to create navigation tabs using images for the
curved sides and backgroundsbut I am getting comfused. I have made three
examples: http://www.villa-corti.com/indexnav.html
In the first example- navtabs div -I have an image rightside.jpg which I
put on the A link and repeat which creates the background for the link text.
I put left_side.gif as the background image for the UL for the lefthand
curved sides.
There is a problem with the tabs not being side by side. Is this a good way
to do it? How do I make the tabs side by side?
In the second example -navtabs1 div-I have an image rightside.gif which I
put on the A link and don`t repeat which creates the right curved sides.
I put left_side.gif as the background image for the lefthand curved sides.
How do I put a background on the link?
The third example -navtabs2 div- is the same as the second example but I
put a background-color on the a link which covers the curved side. How do I
put a background- I don´t know how to put another image on the a link? What
is the solution?
I know there are various ways to do curved backgrounds usgin css without
images but at this stage I want to try and find the best way to do this with
images and then I will check and see if they work with different browsers.
Any comments greatly appreciated, Thanks!
It sounds like Douglas Bowman's Sliding doors technique is what you
need. Ne created curved corner tabs that adjust to the width of text in
the tabs, and has been well tested in many browsers.
http://alistapart.com/articles/slidingdoors/
--
Bob Easton
Accessibility Matters: http://access-matters.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
