Currently I am trying to build a widget for a sidebar that reveals content based on clicking on a little tab link
http://i49.tinypic.com/kdtz50.png
This is what it Looks like currently, there is a weird margin around the image that I want gone completely
Here is the code for the widget.
<div id="left_sidebar">
<ul>
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(1) ) : else : ?>
<div id="tabvanilla" class="tabwidget">
<ul class="tabnav">
<li><a href="#ads">Cool Shit</a></li>
<li><a href="#recent">Recent</a></li>
<li><a href="#video">Video</a></li>
<li><a href="#social">Social</a></li>
</ul>
<div id="ads" class="tabdiv">
<ul>
<!-- Begin
var how_many_ads = 5;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
url="http://twitter.com/RealEmotionX";
alt="Twitter ME!";
banner="http://i40.tinypic.com/wuf8jo.jpg";
width="263";
height="95";
}
if (ad==2) {
url="http://www.facebook.com/RealEmotionX";
alt="Facebook me!";
banner="http://i41.tinypic.com/16c6yky.jpg";
width="263";
height="95";
}
if (ad==3) {
url="http://www.wordpress.org";
alt="Powered By WordPress!";
banner="http://i44.tinypic.com/2edpmdw.jpg";
width="263";
height="95";
}
if (ad==4) {
url="http://www.google.com/chrome";
alt="Best Viewed in Google Chrome!";
banner="http://i35.tinypic.com/x52s5u.png";
width="263";
height="95";
}
if (ad==5) {
url="http://invisibleladders.com";
alt="Funny Comic!!";
banner="http://i37.tinypic.com/2hf2kv6.png";
width="263";
height="95";
}
[removed]('<a href=\"' + url + '\" target=\"_blank\">');
[removed]('<img src=\"' + banner + '\" width=')
[removed](width + ' height=' + height + ' ');
[removed]('alt=\"' + alt + '\" border=0></a>');
// End -->
</ul>
</div><!--/advertisements-->
<div id="recent" class="tabdiv">
<ul>
<!--insert recent Content-->
</ul>
</div><!--/recent posts-->
<div id="video" class="tabdiv">
<ul>
<!--insert video embed-->
</ul>
</div><!--/video-->
<div id="social" class="tabdiv">
<div class="list1">
<?php aktt_sidebar_tweets(); ?>
</div>
</div>
</div>
</ul>
</div>
<!-- end sidebar -->