WordPress.org

1. totalpackers
   Member
   Posted 2 years 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.

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   A link to your site might help...

3. totalpackers
   Member
   Posted 2 years ago #

   http://www.totalpackers.com

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

4. totalpackers
   Member
   Posted 2 years ago #

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

5. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Try adding:

   #sidebar .textwidget img {margin:0;}

   to the bottom of style.css.

6. totalpackers
   Member
   Posted 2 years ago #

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

7. alchymyth
   The Sweeper
   Posted 2 years ago #

   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 ;-)

8. totalpackers
   Member
   Posted 2 years ago #

   Beautiful - that worked. Thank you!

Topic Closed

This topic has been closed to new replies.