Little aligment problem that I can't fix

Probably HTML, probably CSS, probably JS. I don’t know, but on my vB forum I have this problem:

http://s22.postimg.org/eevrc2vch/aaa.png

And I really can’t understand (on Firebug) where is the problem. The should be no space between the “A” and the black line below. Maybe someone here can point me to the right direction. If you need a test user please let me know (as this feature is not viewable for guests). This is the vB forum where I have the problem: http://www.klayz.com/community.
I have included some Bootstrap CSS there, but when I analyze the element with Firebug, as said… I can’t find nothing!

How do we open the message editor?

Go here: http://www.klayz.com/community/index.php?langid=1 (english language)
user: Tester
pass: 123123

then go here: http://www.klayz.com/community/newthread.php?do=newthread&f=100

The problem is on Firefox and in Safari. So not definitely a browser problem.

There is a “stray” break tag between the images that needs to be deleted.

<td id="vB_Editor_001_color_out">
    <img width="21" height="16" alt="" src="skin/editor/color.gif">
    <br>
    <img id="vB_Editor_001_color_bar" width="21" height="4" style="backgroundcolor:black" alt="" src="clear.gif">
</td>

Then Add:

#vB_Editor_001_color_out > img {display: block;}

(trounced by Mittineague )

Thnk you so much, ronpat! Using that CSS when I remove the <br> with Firebug it works! The problem for me now is to find what plugin does that shit! In the vBulletin templates I can’t find that <br>, so it is probably added by some installed product.

You’re quite welcome. Thanks for the feedback.

Someone else around here, like maybe @Mittineague, might know something about vB plugins.

Best2U

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.