PDA

View Full Version : SpryTabbedPanels.css - Tab buttons scrolling help


subhap
05-25-2010, 03:09 PM
This is my website http://www.thetasounds.com/

As you use the scroll bar on the right, the Tabbed heading scrolls up too.

What can I do to prevent the scrolling of the tabs (header) - Theta Sounds, Digital Downloads, Licensing/Contact Info, About

Here is the SpryTabbedPanels.css -- code

@charset "UTF-8";


/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
*
* The default style for a TabbedPanels widget places all tab buttons
* (left aligned) above the content panel.
*/
.TabbedPanels {
margin: 2px;
padding: 2px;
float: none;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}

.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #0033CC;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
left: 1px;
width: 144px;
height: 50px;
background-image: url(../images/tabyello1Off.jpg);
border: 5pt inset #FF9900;
overflow: auto;
visibility: visible;
}
.TabbedPanelsTabHover {
/* background-color: #FFFFFF; */
background-image: url(../AI_stuff/tabyello3Hover.jpg);
background-repeat: repeat-x;
}

.TabbedPanelsTabSelected {
/* background-color: #6600CC; */
background-repeat: repeat-x;
background-image: url(../images/tabyello2On.jpg);
border: thick outset #FF9900;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: large;
font-style: italic;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
color: #000000;
text-decoration: underline;
letter-spacing: normal;
text-align: justify;
vertical-align: super;
word-spacing: normal;
white-space: normal;
display: run-in;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}

.TabbedPanelsContentGroup {
clear: none;
background-color: #0033CC;
background-image: url(../images/swatches_yello_4.jpg);
background-repeat: repeat-x;
/* border: thick outset #FF9900; */
font-family: Georgia, "Times New Roman", Times, serif;
font-size: large;
font-style: italic;
font-weight: normal;
font-variant: normal;
text-transform: none;
/* color: #66FF99; */
background-attachment: inherit;
width: auto;
}
.TabbedPanelsContent {
padding: 2px;
/* background-color: #6600CC; */
background-image: url(../images/swatches_yello_4.jpg);
background-repeat: repeat-x;
white-space: inherit;
display: block;
margin: 2px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}

Corrosive
05-25-2010, 04:33 PM
Moved to Spry board.