Multiple images in text widget – large spaces appear

  • Resolved totalpackers

    (@totalpackers)


    15 years, 3 months ago

    I’m trying to put several small images in one text widget, and no matter how I do it, a space approximately the size of each image appears between those images.
    I’m trying to get the images to appear side by side with maybe a pixel or three between each of them.
    I’ve tried putting them in a table, paragraphs and even just put each image code in by itself and the same thing keeps happening.
    Is there a way to get rid of the white space between images? It makes no sense why it’s even appearing there in the first place.

Viewing 7 replies - 1 through 7 (of 7 total)

  • A link to your site might help…

    Thread Starter totalpackers

    (@totalpackers)

    https://www.totalpackers.com

    It’s the sidebar widget with the social networking images in it.

    Thread Starter totalpackers

    (@totalpackers)

    As it’s currently displayed, it’s in a table.

    Try adding:

    #sidebar .textwidget img {margin:0;}

    to the bottom of style.css.

    Thread Starter totalpackers

    (@totalpackers)

    That didn’t work. This is the actual code as I have it in the widget for that first line of images.

    <table>
  <tr>
   <td><a href="https://feeds.feedburner.com/totalpackers" title="Subscribe to my feed" rel="alternate" type="application/rss+xml"><img src="https://www.feedburner.com/fb/images/pub/feed-icon32x32.png" alt="" style="border:0"/></a><a href="https://feeds.feedburner.com/totalpackers" title="Subscribe to my feed" rel="alternate" type="application/rss+xml"></a></td>
    <td><a href="https://www.facebook.com/pages/TotalPackerscom/127873101599"><img src="https://www.totalpackers.com/images/facebooklogo3.jpg" alt="Add us on Facebook" /></a></td>
    <td><a href="https://twitter.com/totalpackers"><img src="https://www.totalpackers.com/images/twitterlogo3.jpg" alt="Follow us on Twitter" /></a></td>
    <td><a href="https://www.myspace.com/totalpackers"><img src="https://www.totalpackers.com/images/myspacelogo3.jpg" alt="Add us on MySpace" /></a></td>
  </tr>
</table>

    that is the bottom of your style.css:

    .alignright {
	float: right;
}

 background: url(images/packers-cowboys-vintage.png) no-repeat bottom right;

#sidebar .textwidget img {margin:0;}

    take the line with ‘background….’ away – it is totally wrong there –
    and then the code from @esmi will work ??

    Thread Starter totalpackers

    (@totalpackers)

    Beautiful – that worked. Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Multiple images in text widget – large spaces appear’ is closed to new replies.