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

Discussion in 'Styling and Customization Questions' started by Metadone, May 4, 2013.

  1. Metadone

    Metadone Member

    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?
     
  2. MattW

    MattW Well-Known Member

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

    Metadone Member

    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
     
  4. MattW

    MattW Well-Known Member

    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.
     
  5. Brogan

    Brogan XenForo Moderator Staff Member

    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.
     
  6. Metadone

    Metadone Member

    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 :
    Any ideas about how to fix it?
    Should i work on the div object?
     
  7. MattW

    MattW Well-Known Member

    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>
     
  8. Metadone

    Metadone Member

    I replaced the code with yours, unfortunatly it doesn't work :(
     
  9. MattW

    MattW Well-Known Member

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

    Metadone Member

    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
     
  11. MattW

    MattW Well-Known Member

    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.
     
  12. Metadone

    Metadone Member

    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? :p
     
  13. Brogan

    Brogan XenForo Moderator Staff Member

    Add height:145px; to the div.

    ad.PNG
     
    MattW likes this.
  14. Metadone

    Metadone Member

    It's working on subforums,

    but it's breaking home page :(

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

    Brogan XenForo Moderator Staff Member

    It must be an issue with your style.

    I have no such problems inserting images in any page.
     
  16. Metadone

    Metadone Member

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

    exemple.jpg
     
  17. Shelley

    Shelley Well-Known Member

    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.
     
  18. Metadone

    Metadone Member

    Thanks for trying :p

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

Share This Page