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

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

http://www.musicgaff.com/forum/images/IMG_0967.JPG

http://www.musicgaff.com/forum/images/IMG_0968.JPG

http://www.musicgaff.com/forum/images/IMG_0966.JPG

--------------- Added 1342207015 at 1342207015 ---------------

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]

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]

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]

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]

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.

[Onion_Bag_Dave]

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.

Ha. I feel for you.

Looking at additional.css I can't see any reason why it should be that. But I really don't know.

Ahh!

[Mythotical]

Ok create me an admin account with access to the styles and send me a PM with the details, I'll login and take a snoop around your style and figure out what is going on.

[Onion_Bag_Dave]

Have PMed you! Cheers.

--------------- Added 1342262147 at 1342262147 ---------------

Thanks to Mythotical this issue is now resolved. Gave Mythotical access that he needed as an admin and he resolved the issue within half an hour. Can't recommend them HIGHLY enough. Thanks so much!