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! > Problems with buttons...
Kastithard (New Admin) 7/10/2009 3:48 PM EST : Problems with buttons...
Kastithard
Posts: 201
Fingers of Fury!

Hi there. We are having an issue where the hover buttons do not line up as we wish...where there is a hover image and normal image...once you hover over it, the button seems to shrink to like 30% of original size and gets annoying. Any help in finding out what's driving this would be super!


GP Link for our site

.CSS below:

.BannerArea{background:url('http://www.axiomfiles.com/Files/22418/crowbanner.png');width:100%;height:250px;color:#000;font-size:2pt;}.SelectedTab{background-image:url("http://www.axiomfiles.com/Files/22418/hovertab.jpg");background-position:center;color:#000;font-size:12pt;font-family:Helvetica;font-weight:700;text-align:CENTER;width:100%;border-color:#000;border-style:solid;border-width:2px;margin:0;padding:6px 2px;}.UnSelectedTab{background-image:url("http://www.axiomfiles.com/Files/22418/cloud-button.jpg");background-position:center;color:#000;font-size:12pt;font-family:Helvetica;font-weight:700;text-align:CENTER;width:100%;border-color:#000;border-style:solid;border-width:2px;margin:0;padding:6px 2px;}A.UnSelectedTab:Hover{background-image:url("http://www.axiomfiles.com/Files/22418/hovertab.jpg");background-position:center;text-align:CENTER;}A.topTabLink:hover{background-image:url("http://www.axiomfiles.com/Files/22418/hovertab.jpg");background-position:center;font-size:12pt;font-family:Helvetica;font-weight:700;color:#000;text-align:CENTER;text-decoration:none;width:100%;margin:0;padding:6px 2px;}FORM{border-right:medium none;border-top:medium none;font-size:10pt;border-left:medium none;border-bottom:medium none;font-family:Helvetica;margin:0;padding:0;}.ContentBox{background-color:#333;color:#ccc;padding-top:3px;margin-top:0;padding-left:5px;padding-right:5px;}.ForumCategoryHeader{background-color:#333;color:#ccc;font-family:Helvetica;font-weight:700;font-size:10pt;border-color:#000;border-style:solid;border-width:1px 0 0;padding:5px;}.ForumTitleHeaderCell{background-color:#333;color:#ccc;font-family:Helvetica;font-weight:700;font-size:10pt;padding:5px;}.TopicLastPostHeaderCell{vertical-align:top;color:#ccc;font-family:Helvetica;font-size:10pt;padding:5px;}.MessageAuthorLinkCell1{background-color:#000;position:left;border-color:#cbbe00;border-style:solid;border-width:1px 0 0;}.MessageSubjectCell1{background-color:#000;color:#cbbe00;border-color:#cbbe00;border-style:solid;border-width:1px 0 0;}.MessageAuthorInfoCell1{text-align:center;vertical-align:top;position:center;}.newsItemHeadline{margin-top:5px;margin-bottom:5px;background-color:#000;color:#FFF;font-size:10pt;font-family:Helvetica;padding:6px 5px;}.ContentBoxTitle{margin-top:0;border-top:0;background-color:#cbbe00;color:#000;font-size:12pt;font-family:Helvetica;font-weight:700;border-width:0;padding:3px 5px;}.ContentBoxTitleNoBackground{color:#000;margin-top:0;padding-top:3px;font-size:12pt;font-family:Helvetica;padding-left:5px;padding-right:5px;}.ContentBoxBody{background-color:#333;font-size:10pt;font-family:Helvetica;color:#ccc;border-width:0;}A:hover{color:#cbbe00;text-decoration:underline;}TD{font-family:Helvetica;font-size:10pt;}BODY{background-color:#000;font-family:Helvetica;font-size:10pt;color:#ccc;}A.topTabLink:active,A.topTabLink:link,A.topTabLink:visited{color:#000;text-decoration:none;}.AltGridRow,.NormGridRow{background-color:#333;color:#ccc;font-size:10pt;font-family:Helvetica;padding-left:5px;padding-right:5px;}.ForumPostCountHeaderCell,.ForumTopicCountHeaderCell,.ForumLastPostInfoHeaderCell{vertical-align:top;color:#ccc;font-family:Helvetica;font-weight:700;font-size:10pt;padding:5px;}A:active,A:link,A:visited{color:#cbbe00;text-decoration:none;}





TopBottom

Mottie (MVP) 7/10/2009 5:01 PM EST : RE: Problems with buttons...
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Kastithard!

It looks like you're using the ":hover" in the CSS for the links when the tab itself is a table cell. The site replaces the "UnSelectedTab" class with "UnSelectedTabMo" when the tab is hovered over.
So you'll need to remove/replace the following (I replaced your "hovertab.jpg" with a solid background color since it had vertical lines at the resolution I'm using, but you can put the image back if you wish)
A.UnSelectedTab:Hover {}A.topTabLink:hover {}

.UnSelectedTabMo {
background-color: #cbbe00;
color:#000;
font-size:12pt;
font-family:Helvetica;
font-weight:700;
text-align:CENTER;
width:100%;
border-color:#000;
border-style:solid;
border-width:2px;
margin:0;
padding:6px 2px;
}
TopBottom

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