GuildPortal will be going offline (permanently) by the end of the month.
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! > Can't remove space between tab images
Jourdo (New Admin) 2/12/2009 4:53 AM EST : Can't remove space between tab images

Posts: 14
Becoming Adept!

I would like to remove the space between my tab images like this website

How would I do that? here's a link to my website

heres the code from my website.

 <table Class="TabBar" border="0" bgColor="a89f7a" cellpadding="2" cellspacing="0" width="100%"><tr><td Class="Tab" align="center"><a href="Guild.aspx?GuildID=300832&TabID=2521449"><img border="0" alt="Home" src="" /></a></td><td Class="Tab" align="center"><a href="Guild.aspx?GuildID=300832&TabID=2521450"><img border="0" alt="Forums" src="" /></a></td><td Class="Tab" align="center"><a href="Guild.aspx?GuildID=300832&TabID=2521452"><img border="0" alt="Calendar" src="" /></a></td><td Class="Tab" align="center"><a href="Guild.aspx?GuildID=300832&TabID=2521456"><img border="0" alt="Mail" src="" /></a></td></tr></table><table height="5px" width="100%" border="0" bgColor="a89f7a" cellpadding="0" cellspacing="0">

Also I made a site page box that I have to arrange alphabetically because the program does it that way.  I want the Home page to list first but it can't because it starts with H. How could I change this? 

Thank You 

Mottie (MVP) 2/13/2009 2:22 AM EST : RE: Can't remove space between tab images
GuildPortal MVP
Posts: 3884
Zomgawsh Poster

Hi Jourdo!

Add this CSS to your Custom StyleSheet* to get rid of the space between tab images.
.TabBar { border: 0px; padding: 0px; width: 100px; margin: 5px auto; }
The width of 100px (in red) is arbitrary, it's set smaller than the actual tabs, but it stretches to fit all the tab images. The margin is set to 5px (in blue) for top and bottom margins and auto for left and right (this centers it).

It looks like you made the site page box yourself, I don't know what program you are referring to that alphabetizes the links, but just go into content editor and cut (Ctrl-X) and paste (Ctrl-V) it into the order you want.

*Note: Make sure you read this post on how to add CSS

Jourdo (New Admin) 2/13/2009 5:49 AM EST : RE: Can't remove space between tab images

Posts: 14
Becoming Adept!

thank you.

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