Section Nav Bar and Advanced Search Alignment

[Onion_Bag_Dave]

Hi guys,

Need some urgent help on this. Please. Not a modification as such, but maybe due to a previous modification to a template.

My site is www.musicgaff.com

I have several image widgets as HTML widgets.

The CLICK HERE TO SIGN UP image has taken for some reason the section navbar links 'latest news' and 'articles' and pulled them down so you can see them over said image.

AND

Also the exact same thing on the right hand side by my CLICK HERE TO GET PROMOTED image the 'Advanced Search' link is happening.

I can also see some other strange alignment issues, hope you can help urgently!

Thanks a lot
DAVE

EDIT - I just upgraded to 4.2 from 4.18 and this problem has only occurred since the upgrade.

--------------- Added [DATE]1342205304[/DATE] at [TIME]1342205304[/TIME] ---------------

I have just discovered that it seems to be something to do with the images that I mentioned, these images link to various other pages. However for some reason the whole image isn't clickable. Hmm...

HELP! ha!

--------------- Added [DATE]1342206968[/DATE] at [TIME]1342206968[/TIME] ---------------







--------------- Added [DATE]1342207015[/DATE] at [TIME]1342207015[/TIME] ---------------

Posted the pictures because I wanted to take site offline you can see where the certain links are in each of the images! Hope you can help!

[Mythotical]

Usually the only time this happens is when a widget has not been properly closed off such as using <div> tags.

[Onion_Bag_Dave]

Originally Posted by Mythotical

Usually the only time this happens is when a widget has not been properly closed off such as using <div> tags.

This is the code in the widget

<a href="http://www.musicgaff.com/forum/register.php target="_blank">
<img src="http://www.musicgaff.com/forum/images/clicktosignup.jpg" width="750" height="239" border="0" style="border:1px solid black;" alt="Click Here To Sign Up" />
</a>

The others are the same but with different images!

Can't figure it out!

[Mythotical]

Use this instead:

<div class="cms_widget">
    <div class="block">
        <div class="cms_widget_header">
        <h3>{vb:raw widget_title}</h3>
        </div>
        <div class="cms_widget_content">
        <a href="http://www.musicgaff.com/forum/register.php target="_blank">
                <img src="http://www.musicgaff.com/forum/images/clicktosignup.jpg"  width="750" height="239" border="0" style="border:1px solid black;"  alt="Click Here To Sign Up" />
        </a>
        </div>
    </div>
</div>

Just to let you know any widgets you add should have div's like above otherwise it will break the display.

[Onion_Bag_Dave]

Originally Posted by Mythotical

Use this instead:

<div class="cms_widget">
    <div class="block">
        <div class="cms_widget_header">
        <h3>{vb:raw widget_title}</h3>
        </div>
        <div class="cms_widget_content">
        <a href="http://www.musicgaff.com/forum/register.php target="_blank">
                <img src="http://www.musicgaff.com/forum/images/clicktosignup.jpg"  width="750" height="239" border="0" style="border:1px solid black;"  alt="Click Here To Sign Up" />
        </a>
        </div>
    </div>
</div>

Just to let you know any widgets you add should have div's like above otherwise it will break the display.

Hello, Thanks for your quick reply.

Well I've changed that and deleted the other widgets from my layout to see if it was indeed the thing you've suggested. And thanks for letting me know about div tags.

I've always had my widgets without div tags, but good to know.

The links across the top that show how you got to the certain article OR section.

Home > LATEST NEWS are not clickable, when they should be.

ALSO, if you go to www.musicgaff.com (site is disabled but you can see what I mean by links being in a weird position.


New Posts
FAQ
Calendar
Forum Actions
Quick Links

Links are all over the OFFLINE message.

So I'm thinking it could be a mixture of div tags not in the correct places AND some kind of weird template issue that's only occured after my update yesterday.

CONFUSED DOT COM!

[Mythotical]

Is that an entire custom style?

I would need to view the templates to figure out why the links are doing that.

[Onion_Bag_Dave]

Originally Posted by Mythotical

Is that an entire custom style?

I would need to view the templates to figure out why the links are doing that.

It's not, 'that' edited. It's only colours that are edited in style manager. Images are only widgets. I haven't done anything massive to the code or anything. I have edited some templates .Have edited borders and padding of widgets in additional.css, but like I say this has happened after the update, before it was fine, nothing wrong with it at all, never had any problems.

Okay well, what shall I show you?

Really appreciate your help.

[Mythotical]

Hmmmmm, check all CSS for margin's and padding. Make sure they are correct and not using the same CSS tags as vB uses by default.

[Onion_Bag_Dave]

Originally Posted by Mythotical

Hmmmmm, check all CSS for margin's and padding. Make sure they are correct and not using the same CSS tags as vB uses by default.

Sorry, I'm not sure what you mean.

Thanks for your help!

It's early for a Saturday. Ha!

[Mythotical]

Any CSS you added in the additional.css make sure margins are not overwriting things as well make sure all .css or #css are not overwriting default vB ones.

LOL I hear that, 3 am for me and I'm working on client stuff which is why I'm still awake.