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! > Navigation Image spacing issues.
gnomeKenny (New Admin) 5/6/2008 10:33 AM EST : Navigation Image spacing issues.

gnomeKenny
Posts: 243
Fingers of Fury!

Hey Guys,

I've come up with a new design for my site that I have not implemented yet.  But in order for it to look right, I need to have no blank space between the header and the horizontal nav.  I also need to have no blank space between the navigation buttons.

Any Suggestions?


Many Thanks,

~ Kenny
TopBottom

538250866_Inactive (New Admin) 5/6/2008 4:01 PM EST : RE: Navigation Image spacing issues.
538250866_Inactive
Posts: 135
Posts With Wolves

Have you tried using a custom CSS sheet?
TopBottom

Mottie (MVP) 5/6/2008 9:33 PM EST : RE: Navigation Image spacing issues.
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

I don't think it's possible because GuildPortal sites automatically add 5px of space between the header and tab bar. If you look at the source of any GuildPortal page, you'll always see a <DIV style="PADDING-TOP: 5px"></DIV> in there.

You can eliminate the space between the buttons. Try this but make sure you remove the ".TabBar" (or just add "table" in front of it) from the default CSS:
table.TabBar {
 background: #000000;
 border: 0px;
 margin: 0px;
 padding: 0px;
 width:100px;
 margin-left:auto;
 margin-right:auto;
}
You may think this will make a table 100 pixels wide, but the table will expand as needed) and center it (oddly this works with Firefox but not Internet Explorer). If you want to put it on the left side, change this -> "margin-left:0%;". For a right justified tab bar change the margin on the right. I hope this helps!
TopBottom

Mottie (MVP) 5/6/2008 10:14 PM EST : RE: Navigation Image spacing issues.
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Opps maybe it is possible to remove that 5px... I haven't tried this, but it looks promising.

Control Panel -> Page Styles -> Margins -> Top Margin = 0

Try that. I haven't tested it because well, I'm sleepy and I don't have a test page I can try it on Good luck!
TopBottom

gnomeKenny (New Admin) 5/7/2008 4:21 AM EST : RE: Navigation Image spacing issues.

gnomeKenny
Posts: 243
Fingers of Fury!

Thnx for the suggestions guys.  I looked at the source code, and there is blank space in the code between the Navigation Image Tags and the containing TD tag. 

I make websites for a living (as a programmer not a designer).  My experience has taught me that if you want your images flush with eachother, you can't have any space between your image tag and the containing TD tag.

I'm going to try uploading the navigation with the header image, and hopefully I can map sections of the header into links.  I'm also going to try Mottie's idea too.

I'll give this a shot this weekend, and post if it works or not.

Again thanks for the advice guys

~Kenny
TopBottom

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