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 bar button sizing
Trystero (Guild Admin) 9/13/2007 8:15 AM EST : tab bar button sizing

Trystero
Posts: 3028
Zomgawsh Poster

is there someway i can resize the tab bar buttons to be equally spaced?  right now one or two are pretty big, while the rest just sort of smoosh in, and aesthetically it bothers me.  ive seen other sites with it done like that, i just cant seem to figure it out for myself. 

thanks
"To know the pains of power, we must go to those who have it; to know its pleasures, we must go to those who are seeking it."
No alternate text supplied.


TopBottom

Rosary_KT (Guild Admin) 9/13/2007 10:49 AM EST : RE: tab bar button sizing
Rosary_KT
Posts: 1072
Zomgawsh Poster

Site link please?
No alternate text supplied.
TopBottom

Trystero (Guild Admin) 9/13/2007 12:21 PM EST : RE: tab bar button sizing

Trystero
Posts: 3028
Zomgawsh Poster

"To know the pains of power, we must go to those who have it; to know its pleasures, we must go to those who are seeking it."
No alternate text supplied.


TopBottom

Rosary_KT (Guild Admin) 9/14/2007 4:25 AM EST : RE: tab bar button sizing
Rosary_KT
Posts: 1072
Zomgawsh Poster

Add a fixed width to each class like this:

.SelectedTab {
    width:200px;
    background-color: #333333;
    color: #FF9900;
    border: solid 1px #999999;
    text-align: center;
    padding: 2px;
}
 
.UnSelectedTab {
    width:200px;
    background-color: #333333;
    color: #999999;
    border: solid 1px #999999;
    text-align: center;
    cursor: pointer;
    padding: 2px;
}
 
.UnSelectedTabMo {
    width:200px;
    background-color: #333333;
    color: #FF9900;
    border: solid 1px #999999;
    border-color: #999999;
    cursor: pointer;
    text-align: center;
    padding: 2px;
}

You should be able to shorten this css into this:

.SelectedTab, .UnSelectedTabMo, .UnSelectedTab {
    width:200px;
    background-color: #333333;
    color: #FF9900;
    border: solid 1px #999999;
    text-align: center;
    padding: 2px;
}
 

No alternate text supplied.
TopBottom

Trystero (Guild Admin) 9/16/2007 7:50 AM EST : RE: tab bar button sizing

Trystero
Posts: 3028
Zomgawsh Poster

this works, but it removes most formatting that is set up on the site.  would i have to make a style sheet that incorporates everything ive set up so far with it?
"To know the pains of power, we must go to those who have it; to know its pleasures, we must go to those who are seeking it."
No alternate text supplied.


TopBottom

Rosary_KT (Guild Admin) 9/16/2007 10:17 AM EST : RE: tab bar button sizing
Rosary_KT
Posts: 1072
Zomgawsh Poster

yeah, gp custom stylesheet overrides the other styles . shouldn't since they aren't defined, but it does for some reason.
No alternate text supplied.
TopBottom

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