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

Jourdo
Posts: 14
Becoming Adept!

I would like to remove the space between my tab images like this website http://www.guildportal.com/Guild.aspx?GuildID=211829&TabID=1787198.

How would I do that? here's a link to my website http://www.guildportal.com/Guild.aspx?GuildID=300832&TabID=2521449

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="http://www.axiomfiles.com/Files/300832/homebutton.jpg" /></a></td><td Class="Tab" align="center"><a href="Guild.aspx?GuildID=300832&TabID=2521450"><img border="0" alt="Forums" src="http://www.axiomfiles.com/Files/300832/forumbutton.jpg" /></a></td><td Class="Tab" align="center"><a href="Guild.aspx?GuildID=300832&TabID=2521452"><img border="0" alt="Calendar" src="http://www.axiomfiles.com/Files/300832/calendarbutton.jpg" /></a></td><td Class="Tab" align="center"><a href="Guild.aspx?GuildID=300832&TabID=2521456"><img border="0" alt="Mail" src="http://www.axiomfiles.com/Files/300832/mailbutton.jpg" /></a></td></tr></table><table height="5px" width="100%" border="0" bgColor="a89f7a" cellpadding="0" cellspacing="0">
 <tr>
  <td>
  </td>
 <tr>
</table>

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 
TopBottom

Mottie (MVP) 2/13/2009 2:22 AM EST : RE: Can't remove space between tab images
GuildPortal MVP
Mottie
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
TopBottom

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

Jourdo
Posts: 14
Becoming Adept!

thank you.
TopBottom

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