Forums
View unanswered posts | View active topics It is currently Mon Dec 11, 2017 6:48 pm



Reply to topic  [ 1 post ] 
 PIE and links in ie6 
Author Message

Joined: Thu Dec 16, 2010 6:33 am
Posts: 7
Post PIE and links in ie6
Hi,
I have some tabs, which I am using pie to add rounded corners and a gradient. Its all great in ie7 and 8, but in ie6 the button is only clickable on the text, not the whole button.

If I remove PIE, the button behaves as expected.

I am using Beta 5

Here is the css and html.

Cheers

Charles

#navBar ul {
margin:0;
padding:0;
float:left;
display:block;
}

#navBar li {
list-style:none;
margin:0;
padding:0;
float:left;
display:block;
width:136px;
height:38px;
position:relative;
margin-right:12px;
}


#navBar li.last {
float:right;
margin:0;
}
#navBar li a {
line-height:40px;
width:136px;
height:38px;
float:left;
color:#000;
text-decoration:none;
font-size:15px;
display:block;
border-radius:10px 10px 0 0;
-webkit-border-top-right-radius:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-topleft:10px;
background:#d0d0d2;
/*Linear Gradient*/
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d0d0d2), to(#505151));
background: -webkit-linear-gradient(#d0d0d2, #505151);
background: -moz-linear-gradient(#d0d0d2, #505151);
background: -ms-linear-gradient(#d0d0d2, #505151);
background: -o-linear-gradient(#d0d0d2, #505151);
background: linear-gradient(#d0d0d2, #505151);
-pie-background: linear-gradient(#d0d0d2, #505151);
/*Shadow*/
-webkit-box-shadow: #666 0px 0px 5px;
-moz-box-shadow: #666 0px 0px 5px;
box-shadow: #666 0px 0px 5px;
border:#FFFFFF 1px solid;
border-bottom:none;
position:relative;
behavior: url(PIE.htc);
}

#navBar li a:hover, #navBar li a.currentPage {
line-height:40px;
color:#fff;
text-decoration:none;
font-size:15px;
display:block;
background-color:#0078c9;
/*Linear Gradient*/
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0078c9), to(#00456b));
background: -webkit-linear-gradient(#0078c9, #00456b);
background: -moz-linear-gradient(#0078c9, #00456b);
background: -ms-linear-gradient(#0078c9, #00456b);
background: -o-linear-gradient(#0078c9, #00456b);
background: linear-gradient(#0078c9, #00456b);
-pie-background: linear-gradient(#0078c9, #00456b);


HTML:

<div id="navBar">
<ul>
<li><a class="currentPage" href="#">Welcome</a></li>
<li><a href="#">Event Logistics</a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Registration</a></li>
<li class="last"><a href="#">Logout</a></li>
</ul>
</div>


Thu Sep 15, 2011 9:08 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: Exabot [Bot] and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.