• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Help : Spacer between navbar and content

#1
Hello,

Could you please help me?
We added some banners in our subforums.
The banners are ok, but a black bar apperars just below, and I tried everything about that.

Here is a link as an example of 1 subforum :

http://metaleak.com/index.php?threads/votez-pour-le-gagnant-du-défi.2803/

Just below the "Bar Metaleak" you can see this black bar, which is probably the background color.

I read over internet, tried to fix that with breadcrumb and extra templates,
but nothing worked.

Can you please give me some ideas about how to fix that?
 

MattW

Well-known member
#2
The image appears to be breaking the whole of your top breadcrumb.

How exactly did you add these banners? Did you use the ad_XXXXX template to insert it?
 
#3
i customised the top myself in order to gain space.

The only thing i want is to make this bar disapear :p

Yes, I used ad_below_top_breadcrumb template,
and I used that code :

Code:
<div style="text-align: center;">
    <xen:if is="{$forum.node_id} == 100">
        <img src="stockage/test.jpg" />
    <xen:elseif is="{$forum.node_id} == 66" />
        <img src="stockage/lol.jpg" />
    </xen:if>
</div>
Thanks for trying to help
 

MattW

Well-known member
#4
For the breadcrumbs:

.breadBoxTop {
border-top: 11px solid #d9d7d7;
}

seems to bring the breadcrumb back down in line

The div wrapping the image is 149 pixels high, where the image being used is only 146 pixels

Rather than wrapping the image in a div, can you just wrap it in <center> tags? That's what I do for my ads.
 
#6
I fixed the breadcrumb with your code, thanks

But just to be sur, the most important problem is this :

suck.jpg


I tried to use <center> and put the code inside, but it doesn't do anything

When you say :
The div wrapping the image is 149 pixels high, where the image being used is only 146 pixels
Any ideas about how to fix it?
Should i work on the div object?
 

MattW

Well-known member
#7
Change :

Code:
<div style="text-align: center;">
    <xen:if is="{$forum.node_id} == 100">
        <img src="stockage/test.jpg" />
    <xen:elseif is="{$forum.node_id} == 66" />
        <img src="stockage/lol.jpg" />
    </xen:if>
</div>
to

Code:
    <xen:if is="{$forum.node_id} == 100">
        <center><img src="stockage/test.jpg" /></center>
    <xen:elseif is="{$forum.node_id} == 66" />
        <center><img src="stockage/lol.jpg" /></center>
    </xen:if>
 
#10
im pretty sure that the images are not the problem,

because i did that in 15 subforums, and the image sizes are differents in each forum, but the black bar stays in every case

For example, on main mage of metaleak.com, click on links on red bar, and look at the different banners. different sizes, same problem.

Thanks a lot for trying to helping me, i really appreciate it, im stuck since 2 days on it and my members noticed it
 

MattW

Well-known member
#11
I get the same on my site. The element with the image in is 3 pixels bigger than the actual image, so the background colour is coming through.
 

Shelley

Well-known member
#17
did you add the height like so?

Code:
<div style="text-align: center; height: 145px; ">
Edit: ah I see it's breaks on forum_list if you do. Ignore what I said.