botder-top-color doesn't work on span

07-01-2007, 2:15 PM

I tried this, and the tops of the tabs (.tab .tabactive) don't show in IE6.
any clue to what's wrong?
and the .tabspacer doesn't (no space at all).
got any ideas for workarounds?
these things should be working!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>tabs</title>
<style type="text/css">
..tabholder {
border-bottom-color:black;
border-bottom-style:solid;
border-bottom-width:thin;
}
..tab {
border-top-color:#33CCCC;
border-top-style:solid;
border-top-width:thin;

border-left-color:#33CCCC;
border-left-style:solid;
border-left-width:thin;

border-right-color:#33CCCC;
border-right-style:solid;
border-right-width:thin;

border-bottom-color:white;
border-bottom-style:none;/*:solid;*/
border-bottom-width:thin;

background-color:#CCCCCC;
padding-left:4px;
padding-right:4px;
padding-bottom:-4px;
padding-top:-4px;
}
..tabactive {
border-top-color:#33CCCC;
border-top-style:solid;
border-top-width:thin;

border-left-color:#33CCCC;
border-left-style:solid;
border-left-width:thin;

border-right-color:#33CCCC;
border-right-style:solid;
border-right-width:thin;

border-bottom-color:white;
border-bottom-style:solid;
border-bottom-width:thin;

}
..tabspacer {
width:4px;
float:left;
}
..tabindent {
width:200px;
float:left;
}
</style>
</head>

<body>
<div id="tabholder" class="tabholder">
<div class="tabindent"> </div>
<span id="tab0" class="tab"> <a href="blah">blah1</a> </span>
<div class="tabspacer"> </div>
<span id="tab1" class="tab"> <a href="blah">blah2</a> </span>
<div class="tabspacer"> </div>
<span id="tab2" class="tabactive"> <a href="blah">blah3</a> </span>
<div class="tabspacer"> </div>
<span id="tab3" class="tab"> <a href="blah">blah4</a> </span>

</div>
</body>
</html>

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
how do I invert and adjust color on a color negative(PS5)	Mike Russell	Graphics in general	0	06-11-2007 10:38 PM

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)