Margins? (Not sure) around an image in a widget kind of thing
Posted: 05 March 2010 07:35 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2010-03-05

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 --> 
Profile
 
 
Posted: 25 April 2010 07:05 PM   [ Ignore ]   [ # 1 ]
Sr. Member
RankRankRankRank
Total Posts:  139
Joined  2010-04-23

This is most likely a CSS issue. Check the image and the parent div and remove all padding and margins.
_______________
sudoku - socialpuppies

Profile
 
 
Posted: 19 August 2010 01:53 AM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  17
Joined  2010-04-20

i can’t understand what you mean

________________________________________________
Education Overseas, Los Angeles Holiday, Future Technology

Profile
 
 
Posted: 18 November 2010 01:42 PM   [ Ignore ]   [ # 3 ]
Jr. Member
RankRank
Total Posts:  39
Joined  2010-10-06

Put padding into the div and remove margins of the widget. That probably solves the problem.

Profile
 
 
Posted: 07 December 2010 04:06 PM   [ Ignore ]   [ # 4 ]
Jr. Member
RankRank
Total Posts:  44
Joined  2010-10-13

At the top of your sidebar (or where you want widgets to start being displayed) you place the following code.

Profile
 
 
Posted: 25 December 2010 09:43 PM   [ Ignore ]   [ # 5 ]
Jr. Member
RankRank
Total Posts:  42
Joined  2010-12-14
ciddiadam - 18 November 2010 01:42 PM

Put padding into the div and remove margins of the widget. That probably solves the problem.

This doesn’t solve the problem,you should use the 960grid.com to solve this problem.

Profile
 
 
Posted: 27 December 2010 09:41 PM   [ Ignore ]   [ # 6 ]
Newbie
Rank
Total Posts:  1
Joined  2010-12-27

i’m having the same dilemma… has this problem been solved?

Profile