Help : Spacer between navbar and content

[Metadone]

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]

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?

 

[Metadone]

i customised the top myself in order to gain space.

The only thing i want is to make this bar disapear

Yes, I used ad_below_top_breadcrumb template,
and I used that 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]

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.

 

[Paul B]

You have the same problem with the breadcrumbs everywhere: http://metaleak.com/index.php

Check the Style Properties for the logo and header as your logo appears to be larger than the space available.

 

[Metadone]

I fixed the breadcrumb with your code, thanks

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




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]

Change :

<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

    <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>

 

[Metadone]

I replaced the code with yours, unfortunatly it doesn't work

 

[MattW]

Hmm. Let me have a play with that image on my test site.

 

[Metadone]

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]

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.

 

[Metadone]

Damned.

May be there's a way to fix it if i use an image/picture as background instead of black color?
Or any special tricks?

 

[Paul B]

Add height:145px; to the div.

 

[Metadone]

It's working on subforums,

but it's breaking home page

Is there anyway to make this code works only for subforums?

 

[Paul B]

It must be an issue with your style.

I have no such problems inserting images in any page.

 

[Metadone]

As you showed me, it's working on subforums, but look at the homepage with your code :

 

[Shelley]

did you add the height like so?

<div style="text-align: center; height: 145px; ">

Edit: ah I see it's breaks on forum_list if you do. Ignore what I said.

 

[Metadone]

Thanks for trying

In case no one has a solution, I'll make a custom background to avoid the problem, this should work.