hey guys
have a prob with ie6 and a :hover class for my links... i want the links to
have an image on the hover
here;s the code
the link_prev and link_next :hover psuedo classes dont work
the psuedo classes definitions are in bold... the other code is just there
to know if it's a bug wid it...
thnaks guys
<style type="text/css" media="screen">
html { font-size: 13px; font-family: "Lucida Grande", Verdana, Arial,
sans-serif;background-color:#101010; color:#fff;}
body{background-color:#101010;}
#wrapper{
background-color:#101010;
margin:auto;
margin-top:30px;
width:900px;
}
.top {margin:auto;
width:;
background-color:#010101;
text-align:center;
}
#nav {
margin:auto;
width:;
background-color:#010101;
text-align:center;
text-transform:lowercase;
color:#FFF;
}
#nav a {
color:#FF3300;
font-size:20px;
font-weight:bold;
text-decoration:none;
padding-left:10px;
padding-right:10px;
}
#nav a:hover {
color:#FF3399;
font-size:20px;
font-weight:bold;
text-decoration:overline;
}
.content {
background-color:#101010;
height:auto; color:#fff;
width:3000px;
margin:auto;
overflow:auto;
}
h2{color:#52ccff; text-align:center; text-transform:lowercase;}
#heading {display: block; text-align: center; margin-bottom: 1em;
margin-top:30px;}
#heading * {
display: inline;
padding: 4px;
user-select: none;
cursor: pointer;
vertical-align: middle;
}
#heading li.active {
background-color:#dedede; /*18db41 ff3300 1da7e7*/
font-weight:bold;
color:#dcdcdc;
margin-top:20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
text-decoration:none;
font-weight:bold;
background-image:url(images/head_home_gloss.gif)
}
li{text-transform:lowercase; font-weight:bold;}
#panes {text-align: justify; border-style: none; width: 745px; margin: 40px
auto 0 auto; height:900px; overflow:auto;}
#previous { float: none; cursor: pointer; }
#next { float: none; cursor: pointer; }
#buttons li:hover{
color: #fff; /*font color*/
background-color: #dedede; /*18db41 background color*/
border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-moz-border-radius: 3px;
background-image:url(images/head_home_gloss.gif);
}
a.link_prev {
background-image:url(images/arrow_left_blk.png);
background-repeat:no-repeat;
}
a.link_next {
background-image:url(images/arrow_right_blk.png);
background-repeat:no-repeat;
}
a.link_prev:hover {
background-image:url(images/arrow_left_wht.png);
background-repeat:no-repeat;
}
a.link_next:hover{
background-image:url(images/arrow_right_wht.png);
background-repeat:no-repeat;
}
.bg{background-image:url(images/head_home_normal.gif);}
.inner{height:400px; overflow:auto;}
/*stupid IE png fix*/
/*
USAGE: All you have to do is include this one line in your CSS file, with
the
tag names to which you want the script applied:
*/
img, div, a, p { behavior: url(iepngfix.htc) }
/*
Alternatively, you can specify that this will apply to all tags like so:
* { behavior: url(iepngfix.htc) }
*/
</style>
</head>
<body>
<div id="wrapper">
<div align="center"><a href="#"><img src="images/logo1.gif" /></a></div>
<div id="heading">
<a id="previous" class="link_prev"> </a>
<ul id="buttons" style="background-color:none;">
<li class="active">home</li>
<li class=" ">VIDEO</li>
<li class=" ">PHOTO</li>
<li class=" ">DVD</li>
<li class=" ">PORTFOLIO</li>
<li class=" ">CONTACT</li>
<!--<li class="">NEW</li>-->
</ul>
<a id="next" class="link_next"> </a>
</div>
<div id="panes">
<div id="content">
<div>info 1</div>
<div>info 2</div>
<div>info 3</div>
<div>info 4</div>
<div> info 5 </div>
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8">
window.addEvent('load', function () {
slidingtabs = new SlidingTabs('buttons', 'panes');
// this sets up the previous/next buttons, if you want them
$('previous').addEvent('click', slidingtabs.previous.bind
(slidingtabs));
$('next').addEvent('click', slidingtabs.next.bind(slidingtabs));
// you can use one of these to selectively stop the user from
changing to certain panes
slidingtabs.addEvent('change', function(event) {
//event.cancel = true;
});
});
</script>
</body></html>
--
Chike Loney
M: (868).737.8857
E: [EMAIL PROTECTED]
W: www.Crown-Solutions.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
