Hi Tammy,
The following url may assist
http://www.telstra.com.au/standards/accessibility/training/comparison.htm .
I wrote this a few months ago. The stylesheet for the horizontal tabs is
below. You will have to sdjust the margin and padding offsets to suit your
images but it should give you a few leads. In this example the active tab
also displays a tick in the tab to the left of the text, you will not
require this.
Hope it helps
Graham Cook
www.uaoz.com
<style>
/* Styles for horizontal tabs */
#horizTabs{
display:block;
height:20px;
width:100%;
margin:0px 0px 10px 0px;
padding-top:5px;
background-color:#6699ff;
}
.sTTab {
background-color:#6699ff;
pading:0px ;
margin: 0px;
height:20px;
white-space: nowrap;
display:inline;
}
.sTTab li{
pading:0px ;
margin-right: 3px;
height:20px;
display:inline;
white-space: nowrap;
background:#99ccff url(tab_left_inactive.gif) top left
no-repeat;}
.sTTab li.siteactivetabnavL0 {background:#fff ;}
.sTTab a{
font-family: Verdana,Arial,sans-serif; font-size: 11px;
color: #003366;
background: url(tab_right_inactive.gif) top right no-repeat;
text-decoration: none;
height:20px;
margin:0px 0px;
margin-top:-5px;
text-align : center;
vertical-align : middle;
font-weight:normal;
padding:3px 8px 5px 8px;
}
* html .sTTab a{padding:02px 8px 5px 8px;}
.sTTab li.siteactivetabnavL a{
font-weight:bold;
}
.sTTab li.siteactivetabnavL{
background: #fff url(tab_left_inactive.gif) top left
no-repeat;}
/* End styles for horizontal tabs */
</style>
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Tamara Jackson
Sent: Wednesday, 26 October 2005 2:08 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Rounded tabs in IE
Hi everyone
I'm working on my first CSS website, and have run into a problem. I'm
trying to create a rounded tab, but it just won't display properly in
IE. I have two different attempts at getting this working:
First go -
http://www.meetup.developer.graphyx.net/blacksmith/test/index.html
Displays fine in FF and Opera on Windows (don't have a Mac), but the
left part of the tab won't display in IE.
Second go -
http://www.meetup.developer.graphyx.net/blacksmith/test/test2/index.html
Displays the same in FF, Opera and IE, but only if I have an extra span
tag with a letter in it that goes below the normal font line (in this
case, a "p").
Can anyone help me out with getting the tab to display properly?
Thanks :)
Tammy
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
