Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Tab Buttons Flashing
Qutho (New Admin) 9/10/2007 10:33 AM EST : Tab Buttons Flashing
Qutho
Posts: 32
Becoming Adept!

I am having problems getting my Tab Buttons to work with my Custom StyleSheet.  For some reason when you hover over any part of the button the background and border disappear.  When you hover over the text then it is underlined.  I want the underlined text on hover but I don't want the button to disappear.  Is there a way to fix this?

My Site

Thanks!

Q
TopBottom

~Dealla~ (Guild Admin) 9/11/2007 9:19 AM EST : RE: Tab Buttons Flashing

~Dealla~
Posts: 701
Zomgawsh Poster

Could you post what you are using in the custom CSS?

TopBottom

Qutho (New Admin) 9/12/2007 3:45 AM EST : RE: Tab Buttons Flashing
Qutho
Posts: 32
Becoming Adept!

I copied this from another site that I was a member of for awhile and I noticed that they also have the same problem.


TD
{
    FONT-FAMILY: Helvetica;
    FONT-SIZE: 9pt;
}

BODY {
SCROLLBAR-BASE-COLOR: #666666;
SCROLLBAR-ARROW-COLOR: #660000;
BACKGROUND-IMAGE: url('/CEXPLORER/THEMES/BURGUNDYRHAPSODY/IMAGES/RED112.JPG');
BACKGROUND-COLOR: #000000;
FONT-FAMILY: Helvetica;
FONT-SIZE: 9pt;
}

.SelectedTab {
BACKGROUND-COLOR: #000000;
COLOR: #660000;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
BORDER-COLOR: #cccccc;
TEXT-ALIGN: CENTER;
PADDING: 2px 2px 2px 2px;
SPACING: 0px 0px 0px 0px;
}

.UnSelectedTab {
BACKGROUND-COLOR: #000000;
COLOR: #ffffff;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
TEXT-ALIGN: CENTER;
BORDER-COLOR: #cccccc;
PADDING: 2px 2px 2px 2px;
SPACING: 0px 0px 0px 0px;
}

.AltGridRow {
BACKGROUND-COLOR: #000000;
COLOR: #ffffff;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
}

.NormGridRow {
BACKGROUND-COLOR: #000000;
COLOR: #ffffff;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
}

.ContentBox {
BACKGROUND-COLOR: #000000;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
PADDING-TOP: 0px;
MARGIN-TOP: 0px;
BORDER-COLOR: #cccccc;
}



.ContentBoxTitle {
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    MARGIN-TOP: 0px;
    PADDING-TOP: 0px;
    BORDER-TOP: 0px;
    BACKGROUND-COLOR: #000000;
    COLOR: #ffffff;
    FONT-SIZE: 18pt;
    FONT-FAMILY: serif;
        FONT-STYLE: oblique;
}

.ContentBoxBody {
BACKGROUND-COLOR: #000000;
COLOR: #cccccc;
PADDING-LEFT: 5px;
PADDING-RIGHT: 5px;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
}

A:active
{
COLOR: #ffffff; text-decoration: none
}

A:link
{
COLOR: #ffffff; text-decoration: none
}

A:visited
{
COLOR: #999999; text-decoration: none
}

A:hover
{
COLOR: #ffffff; text-decoration: underline
}

A:visited:hover
{
COLOR: #cccccc; text-decoration: underline
}
TopBottom

Pwyll-Uther (New Admin) 9/13/2007 3:54 AM EST : RE: Tab Buttons Flashing
Pwyll-Uther
Posts: 241
Fingers of Fury!

Hi

This looks like some strange scripting error.

the javascript event handlers for your tabs are trying to use the class
"UnSelectedTabMo"
which does not exist.

My suggestion is to try removing the google analytics script to test if that is causing your issue.
TopBottom

Pwyll-Uther (New Admin) 9/13/2007 4:21 AM EST : RE: Tab Buttons Flashing
Pwyll-Uther
Posts: 241
Fingers of Fury!

It occurs to me that this might be an issue (typo) with the template you're using. Since its so easy to change guildportal templates, you might want to try that first.

TopBottom

Qutho (New Admin) 9/13/2007 3:19 PM EST : RE: Tab Buttons Flashing
Qutho
Posts: 32
Becoming Adept!

So can I see someone else's CSS?  I have tried a few things and I think the problem is in the SelectedTab UnselectedTab things.  Could I get an example from someone's that is working like intended?
TopBottom

Rosary_KT (Guild Admin) 9/14/2007 4:18 AM EST : RE: Tab Buttons Flashing
Rosary_KT
Posts: 1072
Zomgawsh Poster

Your css looks fine. Did you see above note from Pwyll?
No alternate text supplied.
TopBottom

536998420_Inactive (New Admin) 9/14/2007 8:14 AM EST : RE: Tab Buttons Flashing
536998420_Inactive
Posts: 5754
Zomgawsh Poster

Did you try adding this?

.UnSelectedTabMo {
BACKGROUND-COLOR: #000000;
COLOR: #ffffff;
BORDER-WIDTH: 1px 1px 1px 1px;
BORDER-STYLE: solid;
FONT-SIZE: 9pt;
FONT-FAMILY: Helvetica;
TEXT-ALIGN: CENTER;
BORDER-COLOR: #cccccc;
PADDING: 2px 2px 2px 2px;
SPACING: 0px 0px 0px 0px;
}
TopBottom

Pwyll-Uther (New Admin) 9/14/2007 4:47 PM EST : RE: Tab Buttons Flashing
Pwyll-Uther
Posts: 241
Fingers of Fury!

Liliya, nice workaround
TopBottom

Qutho (New Admin) 9/15/2007 12:24 AM EST : RE: Tab Buttons Flashing
Qutho
Posts: 32
Becoming Adept!

Liliya,

I think that got it working.  Thanks for the help.

Q
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%