Forum Hosting  

Go Back   Forum Hosting > IPB Support > IPB Skinning Help

IPB Skinning Help Need help customizing the looks of your forum? Post here.




People in fChat: Follow Forumer on Twitter | Facebook | Myspace
Reply
 
LinkBack Thread Tools Display Modes
Old 03-30-2005, 07:38 AM   #1 (permalink)
Member
 
kodeon's Avatar
 
Join Date: Feb 2005

Location: Scotland
Posts: 24
Rep Power: 0 kodeon is on a distinguished road
fTrader: (0)
fBuck$: 369
Bank: 0
Total fBuck$: 369

My Forumer
My Country:
Default Can't remove gap above header image

I know its another banner thread but I have searched the best I can to find my problem with no luck.

Stuck with fixing a gap that appears aboxe whatever image I use as a banner. No matter how big or small the image is the gap stays the same. Below is an image of what I mean.


(made a temporary banner with a wonky colour to make the space clear)

I suppose I'm either looking for a way to center the image vertically (still would leave a smaller gap top and bottom) or to make the header box fit the image exactly.

Running a ipb board using the orange dreams skin.

Cheers.
kodeon is offline   Reply With Quote
Old 03-30-2005, 05:37 PM   #2 (permalink)
Banned User
 
Jacko's Avatar
 
Join Date: Oct 2004

Posts: 4,930
Rep Power: 0 Jacko is on a distinguished road
fTrader: (7)
fBuck$: 8,369
Bank: 7
Total fBuck$: 8,376

My Forumer
My Country:
Default Re: Can't remove gap above header image

Please provide a link to your forum for support.
Jacko is offline   Reply With Quote
Old 03-31-2005, 02:29 AM   #3 (permalink)
Member
 
kodeon's Avatar
 
Join Date: Feb 2005

Location: Scotland
Posts: 24
Rep Power: 0 kodeon is on a distinguished road
fTrader: (0)
fBuck$: 369
Bank: 0
Total fBuck$: 369

My Forumer
My Country:
Default Re: Can't remove gap above header image

Oh, whoops... sorry. New rules and stuff since I was last here.

Here you go.
(board is off right now but the problem is clearly visable - if it needs to be turned on let me know)
kodeon is offline   Reply With Quote
Old 03-31-2005, 02:46 AM   #4 (permalink)
Banned User
 
Jacko's Avatar
 
Join Date: Oct 2004

Posts: 4,930
Rep Power: 0 Jacko is on a distinguished road
fTrader: (7)
fBuck$: 8,369
Bank: 7
Total fBuck$: 8,376

My Forumer
My Country:
Default Re: Can't remove gap above header image

It is most likely because your logostrip is a certain size, and your banner is smaller than that. You could always increase the size of your banner.
Jacko is offline   Reply With Quote
Old 03-31-2005, 03:15 AM   #5 (permalink)
Member
 
kodeon's Avatar
 
Join Date: Feb 2005

Location: Scotland
Posts: 24
Rep Power: 0 kodeon is on a distinguished road
fTrader: (0)
fBuck$: 369
Bank: 0
Total fBuck$: 369

My Forumer
My Country:
Default Re: Can't remove gap above header image

It just seems to add the same gap above whatever banner I put there, big or small. I've added more height to the banner to show this - the space is just the same. Is it possible to resize the logostrip?
kodeon is offline   Reply With Quote
Old 03-31-2005, 04:07 PM   #6 (permalink)
Active Forumer
 
nickmc01's Avatar
 
Join Date: Mar 2005

Location: At home
Posts: 404
Rep Power: 5 nickmc01 is on a distinguished road
fTrader: (8)
fBuck$: 644
Bank: 0
Total fBuck$: 644

My Forumer
My Country:
Send a message via AIM to nickmc01 Send a message via MSN to nickmc01 Send a message via Yahoo to nickmc01 Send a message via Skype™ to nickmc01
Default Re: Can't remove gap above header image

make a new admin account and pm me the username and password and I will fix it for ya for free
nickmc01 is offline   Reply With Quote
Old 03-31-2005, 04:09 PM   #7 (permalink)
Member
 
kodeon's Avatar
 
Join Date: Feb 2005

Location: Scotland
Posts: 24
Rep Power: 0 kodeon is on a distinguished road
fTrader: (0)
fBuck$: 369
Bank: 0
Total fBuck$: 369

My Forumer
My Country:
Default Re: Can't remove gap above header image

How about no?
kodeon is offline   Reply With Quote
Old 03-31-2005, 04:21 PM   #8 (permalink)
Active Forumer
 
nickmc01's Avatar
 
Join Date: Mar 2005

Location: At home
Posts: 404
Rep Power: 5 nickmc01 is on a distinguished road
fTrader: (8)
fBuck$: 644
Bank: 0
Total fBuck$: 644

My Forumer
My Country:
Send a message via AIM to nickmc01 Send a message via MSN to nickmc01 Send a message via Yahoo to nickmc01 Send a message via Skype™ to nickmc01
Default Re: Can't remove gap above header image

then u can delete that admin and I could never login again
nickmc01 is offline   Reply With Quote
Old 03-31-2005, 04:23 PM   #9 (permalink)
Active Forumer
 
nickmc01's Avatar
 
Join Date: Mar 2005

Location: At home
Posts: 404
Rep Power: 5 nickmc01 is on a distinguished road
fTrader: (8)
fBuck$: 644
Bank: 0
Total fBuck$: 644

My Forumer
My Country:
Send a message via AIM to nickmc01 Send a message via MSN to nickmc01 Send a message via Yahoo to nickmc01 Send a message via Skype™ to nickmc01
Default Re: Can't remove gap above header image

nvm try this:
Global HTML elements
Board Header (logo, links, etc)

where it says:

<!--IBF.BANNER-->
<div id='logostrip'>
<center><img src='http://www.geocities.com/halo2_cln/halo3banner.bmp' alt='Powered by Invision Power Board' border="0" />
</center>


try taking out the <div id='logostrip'>
nickmc01 is offline   Reply With Quote
Old 03-31-2005, 04:40 PM   #10 (permalink)
Member
 
kodeon's Avatar
 
Join Date: Feb 2005

Location: Scotland
Posts: 24
Rep Power: 0 kodeon is on a distinguished road
fTrader: (0)
fBuck$: 369
Bank: 0
Total fBuck$: 369

My Forumer
My Country:
Default Re: Can't remove gap above header image

Ah, sorry about not setting up the admin thing. You know what they say about all that.

Might be on to something though - my banner code is pretty messy looking (i don't know much about this at all)

Have copied from <!--IBF.BANNER--> down. (I tried changing little bits and something was happening but I'm not sure what)

<!--IBF.BANNER-->
<div class='tableborder'>
<a href='http://koleko.co.uk' title='Return to Koleko'><p align="center"><img src='http://allosaurus.port5.com/boardhead.gif' border="0" /></a>
</div><br />
<!-- IE6/Win TABLE FIX -->
<% MEMBER BAR %>
<br />
kodeon is offline   Reply With Quote
Old 03-31-2005, 04:51 PM   #11 (permalink)
Active Forumer
 
nickmc01's Avatar
 
Join Date: Mar 2005

Location: At home
Posts: 404
Rep Power: 5 nickmc01 is on a distinguished road
fTrader: (8)
fBuck$: 644
Bank: 0
Total fBuck$: 644

My Forumer
My Country:
Send a message via AIM to nickmc01 Send a message via MSN to nickmc01 Send a message via Yahoo to nickmc01 Send a message via Skype™ to nickmc01
Default Re: Can't remove gap above header image

well I kow what u mean I just meant it would be eisier for me to see all your code to maybe determine whats going on. But from whatr I can see your coding looks fine but delete the part that says <div id='logostrip'> and it should work
nickmc01 is offline   Reply With Quote
Old 03-31-2005, 05:11 PM   #12 (permalink)
Active Forumer
 
EvilCorporateWhore's Avatar
 
Join Date: Jan 2005

Posts: 410
Rep Power: 5 EvilCorporateWhore is on a distinguished road
fTrader: (0)
fBuck$: 4,164
Bank: 0
Total fBuck$: 4,164

My Forumer
My Country:
Default Re: Can't remove gap above header image

lol, never... EVER give anyone admin access to your board.

even if it seems harmless.

btw, see where is says <p align="center">.. try taking that out. it could be setting a 'paragraph break' in the code. just use the old fashioned <center></center> tags around the image.

Oh bliss! Bliss and heaven! Oh, it was gorgeousness and gorgeousity made flesh. It was like a bird of rarest-spun heaven metal or like silvery wine flowing in a spaceship, gravity all nonsense now. As I slooshied, I knew such lovely pictures!
EvilCorporateWhore is offline   Reply With Quote
Old 03-31-2005, 05:15 PM   #13 (permalink)
Active Forumer
 
EvilCorporateWhore's Avatar
 
Join Date: Jan 2005

Posts: 410
Rep Power: 5 EvilCorporateWhore is on a distinguished road
fTrader: (0)
fBuck$: 4,164
Bank: 0
Total fBuck$: 4,164

My Forumer
My Country:
Default Re: Can't remove gap above header image

infact your coding should look just like this...

<!--IBF.BANNER-->
<div id='logostrip'>
<center><a href="http://koleko.co.uk"><http://allosaurus.port5.com/boardhead.gif' alt='Return to Koleko' border="0" /></a>
</center>

Oh bliss! Bliss and heaven! Oh, it was gorgeousness and gorgeousity made flesh. It was like a bird of rarest-spun heaven metal or like silvery wine flowing in a spaceship, gravity all nonsense now. As I slooshied, I knew such lovely pictures!
EvilCorporateWhore is offline   Reply With Quote
Old 03-31-2005, 05:20 PM   #14 (permalink)
Active Forumer
 
nickmc01's Avatar
 
Join Date: Mar 2005

Location: At home
Posts: 404
Rep Power: 5 nickmc01 is on a distinguished road
fTrader: (8)
fBuck$: 644
Bank: 0
Total fBuck$: 644

My Forumer
My Country:
Send a message via AIM to nickmc01 Send a message via MSN to nickmc01 Send a message via Yahoo to nickmc01 Send a message via Skype™ to nickmc01
Default Re: Can't remove gap above header image

i told him to remove the <div id='logostrip'> because its retarded looking unless it u put the border on your css at 0 and make it the same color as the board background
nickmc01 is offline   Reply With Quote
Old 03-31-2005, 05:38 PM   #15 (permalink)
Member
 
kodeon's Avatar
 
Join Date: Feb 2005

Location: Scotland
Posts: 24
Rep Power: 0 kodeon is on a distinguished road
fTrader: (0)
fBuck$: 369
Bank: 0
Total fBuck$: 369

My Forumer
My Country:
Default Re: Can't remove gap above header image

Ah, I understand a bit of copying and pasting. It's going all funny when I put in what EvilCorporateWhore said - I've tried it over everything from <!--IBF.BANNER--> down and a couple of variations leaving some of the stuff at the bottom (eg the <!-- IE6/Win TABLE FIX --> etc bit)

I could maybe work it out if i took it slowly but if someone cleverer (and less tired) than me could post the exact code to paste from <!--IBF.BANNER--> down I'd really appreciate it. If that's what has already been posted then I'm afraid it just jumbles everything up bigtime.
kodeon is offline   Reply With Quote
Reply

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
Animation Signature chik Graphics and Web Design (free) 4 11-09-2004 07:35 PM
I Need Header qtgyjda89 Graphics and Web Design (free) 0 10-10-2004 06:44 PM
Requesting A Signature Banner/avatar/button [::XxBsSpOrTz207xX::] Graphics and Web Design (free) 4 06-26-2004 02:23 AM
[resolved]*I Still Don't Get It. Cobra IPB General Support 3 05-15-2004 11:51 AM
[resolved]*2 Questions: New Category & Header Image FattyLumpkin IPB General Support 8 04-23-2004 01:44 PM