After installing Montezuma on my blog I've got some problems with my widgets. Some of them foces line breaks, where there aren't supposed to be line breaks.

The three icons in this widget used to be stading horizontally, but now they're standing vertically:


As you can see in the source of the widget, there are no <br />'s between the images.

<aside id="socialprofiles-2" class="widget social-profiles cf">
<h3><span>Keep in touch!</span></h3>
<a href="http://www.cupcakecoding.com/feed/" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Feed_48x48.png" alt="RSS" /></a>
<a href="https://twitter.com/#!/ThomasCle" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Twitter_48x48.png" alt="Twitter" /></a>
<a href="https://www.facebook.com/tclemensen" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Facebook_48x48.png" alt="Facebook" /></a>
</aside>

What can I do to remove these line breaks?

There's a checkbox at the bottom of the text widget, if that's what you're using, that says automatically insert paragraphs. Be sure that's unchecked.

If that doesn't work, try doing a view source. There may still be automatic <p> tags being inserted. I can't tell if you have each item on it's own line in your source or if the wordwrap is just displaying them that way, and I can't tell if what you're calling your source code is what you put into the widget or what your browser gave you after the page displayed.

Another possible solution could be to force a display:inline; style to each <a> item.

I hope one of them work. If not, please post a url.

The code I posted in the first post is the code the browser shows me when I view the source code.

I'm using the Text widget, but the "Automatically add paragraphs"-checkbox is unchecked. This is the code I've pasted in the widget:

<a href="http://www.cupcakecoding.com/feed/" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Feed_48x48.png" alt="RSS" /></a>
<a href="https://twitter.com/#!/ThomasCle" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Twitter_48x48.png" alt="Twitter" /></a>
<a href="https://www.facebook.com/tclemensen" target="_blank"><img src="http://www.cupcakecoding.com/wp-content/plugins/social-profiles-widget/images/inside/Facebook_48x48.png" alt="Facebook" /></a>

I have tried to insert style="display:inline;" on all three <a> as you suggested, but that didn't change anything.

The blog is at www.cupcakecoding.com (I also have a linebreak problem in my "Blogroll"-widget. Icons and site-title should be standing on same line.)

Any other suggestions? :-)

add

div.textwidget {float: left;}

to the CSS

I did a firebug on your site, and your img tag are set to display:block. Try forcing them to inline and see if that doesn't do it. If an inline force works, you can change your stylesheet later, if you want.

Originally Posted by jerryc

I did a firebug on your site, and your img tag are set to display:block. Try forcing them to inline and see if that doesn't do it. If an inline force works, you can change your stylesheet later, if you want.

Thank you! That did the trick. I set style="display:inline;" on the <img>