Forums
View unanswered posts | View active topics It is currently Wed Aug 27, 2014 9:07 pm



Reply to topic  [ 1 post ] 
 diwset button not rendering correctly in a jquery tab 
Author Message

Joined: Wed Oct 13, 2010 2:05 pm
Posts: 7
Post diwset button not rendering correctly in a jquery tab
Hello all,

I have a two div button set that I am using through my pages (sorry dev project no external link). I am having a problem with only one button set and it happens to be inside a tab widget I made using jquery. Whats happening is the right side is shifting left to the 0px position of the parent div set.

If I move the code outside of the tab divs the button renders correctly.

Any ideas??

here is the code:

the divs for the button

<div class="changeButton" onclick="nextStep(2)">
<div class="cButtonLeft">&raquo;</div>
<div class="cButtonRight"><a href="#" onclick="nextStep(2)">Enroll</a></div>
</div>

the css for the button:

.cButtonLeft {
-moz-border-radius-bottomleft:.7ex;
-moz-border-radius-bottomright:0;
-moz-border-radius-topleft:.7ex;
-moz-border-radius-topright:0;
-moz-box-shadow:2px 2px 2px #333333;
-webkit-border-bottom-left-radius:.7ex;
-webkit-border-bottom-right-radius:0;
-webkit-border-top-left-radius:.7ex;
-webkit-border-top-right-radius:0;
-webkit-box-shadow:2px 2px 2px #333333;
background-color:#0d9b8c;
behavior:url(PIE.htc);
border-radius:8px 0 0 8px;
box-shadow:2px 2px 2px #333333;
color:#fff;
cursor:pointer;
float:left;
font:bold 16px Arial, Helvetica, sans-serif;
height:18px;
margin:0;
padding:1px 0 6px 2px;
text-align:center;
vertical-align:middle;
width:16px;
position:relative;
}

.cButtonRight {
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:8px;
-moz-box-shadow:2px 2px 2px #333333;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:8px;
-webkit-border-top-left-radius:0;
-webkit-border-top-right-radius:8px;
-webkit-box-shadow:2px 2px 2px #333333;
background-color:#FFF;
behavior:url(PIE.htc);
border:1px solid #c4c4c4;
border-radius:0 8px 8px 0;
box-shadow:2px 2px 2px #333333;
color:#000;
cursor:pointer;
float:left;
font: italic bold 12px Arial, Helvetica, sans-serif;
height:18px;
margin:0;
padding:4px 8px 1px;
vertical-align:middle;
position:relative;
}

.cButtonRight a {
color:#000;
display:block;
margin:0;
text-decoration:none;
position:relative;
z-index:1;
}

.cButtonRight a:hover {
color:#0d9b8c;
display:block;
margin:0;
text-decoration:underline
}

the jquery for the tabs

$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show();

$('div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();

});


Thu Dec 16, 2010 10:31 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: Bing [Bot], Google [Bot] and 3 guests


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:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.