MyBB Central

Full Version: Excess HTML at top of page when using forum icons
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I wanted to add image icons for each forum section of my site (1.4x), however the only way I knew how to do this was to manually add img src tags to the forum labels from AdminCP.

This seems to work fine, except when you click on any of the image'd sections such as this one. The forum section name shows up in excess at the top of the page as if it were broken html. I did not surround the text with the image tag or any other HTML as it appears.

You can probably reproduce this yourself by using the method I did.

Any ideas on how to solve this? Or perhaps a more intelligent workaround to get post icons? (forum width isn't standard, so some plugins will break the forum).
Oh It's weird you aren't using Ficons (or are you?)
Maybe you didn't see it. Well I tell you, you could try with Ficons 2.1 (for MyBB 1.4x). Here you have the link http://www.mybbcentral.com/thread-2676.html
This plugin could work for you
Oh, there's a Ficons 2.1?

My bad I'll go check it out. I tried what I thought was the most up to date version of Ficons and it wasn't compatible with 1.4x. I'll let you know if it all works out.
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
No-go. I tried the trouble-shooting for custom templates, and even tried customizing the colspan further afterward and still can't figure it out (I'm all thumbs with this kind of thing. Every time I think I'm progressing I break something).

Anyone have any idea how to get it to function for the Novus theme? Or a workaround for this excess html issue?
Well that excess I can see above the forum... It's because you closed something bad. Check the code, I'm sure the problem is the quotes Wink
And before, when you were trying the plugin, I saw the icons duplicated... are you sure that you disabled or removed the last code (the code you were using to show the imgs)?
(Mar 10, 2010, 02:49 PM)Arqui Wrote: [ -> ]Well that excess I can see above the forum... It's because you closed something bad. Check the code, I'm sure the problem is the quotes Wink
And before, when you were trying the plugin, I saw the icons duplicated... are you sure that you disabled or removed the last code (the code you were using to show the imgs)?

Yeah I know what you're talking about. Yes I did :\ Not sure what that was all about. I noticed it went back to one in the process to going back to normal but that didn't solve anything for me :\

As for the code, that's the first thing I checked was to make sure I closed the tag correctly. I'm pretty sure I did? I took a screenshot here.

I've also tried using an alt tag, and adding the width/height to the tag just to be sure. I even tried putting the img src into its own table to try and prevent it from leaking and the problem was the same. I also tried closing the tag with /> instead of > and also no change.
Proper XHTML image tags look like this.

<img src="http://domain.com/path/to/image.jpg" alt="" />

I am not sure titles support html btw. I know descriptions do though.
(Mar 11, 2010, 04:45 AM)labrocca Wrote: [ -> ]Proper XHTML image tags look like this.

<img src="http://domain.com/path/to/image.jpg" alt="" />

I am not sure titles support html btw. I know descriptions do though.

Yeah, tried that before with the proper slash and alt no go Sad

That's what I get for trying to be macgyver on the internet. I should just learn how to do things right like everyone else. I'm sure ficons to work fine with some late night trial and error soon.

Thanks everyone for the help.
I am not sure titles support html btw. I know descriptions do though.

Did you read that part?
(Mar 11, 2010, 02:56 PM)labrocca Wrote: [ -> ]I am not sure titles support html btw. I know descriptions do though.

Did you read that part?

Yeah, but that makes the forum link/title appear on top of the image as opposed to beside it, which is what I think looks better since the text wouldn't wrap up to the top of the image. But yes that does work. Maybe i'll do that until I can figure out a more proper solution.

Would there be any way I could simply disguise the html at the top, since it doesn't seem to be interfering with anything? Like somewhere I can edit all of the forum pages globally so an image file that blends in with the background appears over top of it? Not sure if that's even feasible but it seems like a practical, albeit sloppy solution.

EDIT: Actually you know what, where's my brain. I can just use text-wrap and hspace to my images. Thanks I think this problem is solved well enough until further notice. I can't get the little images inside of the forum posts now though, which I thought was a nice little accident.