[brasilsource]

I am with a problem in sidebar in the Internet to explorer and in it opera it, in firefox is everything ok. I made the procedure all correctly as it is explained in this topic http://forums.pligg.com/yget/5301-ho...pligg-box.html
below follows of the photos of my problem:

Internet Explorer 7 = Bug

Opera 9.22 = Bug

Firefox 2.0.0.6 = Ok


My version of Pligg is 9.7

[kbeeveer46]

There's no way way we can tell you how to fix it unless we see the code that you added.

[brasilsource]

the code is this:

<div class="tlb">
{php}echo "<span> <a onclick=\"new Effect.toggle('ads','blind', {queue: 'end'}); \"> <img src=\"".my_pligg_base."/templates/yget/images/expand.png\"> </span>"; {/php}
<a href="#">Links Úteis</a>
</div>

<div id="ads">
<ol><a href="http://www.brasilsource.net/blog.php">Brasil Source™ no seu Blog</a></ol>
<ol><a href="mailto:meuemail@provedor.com">Contato</a></ol>
</div>

[techsmeks]

This may have to do with the positioning of the sidebar images (featurebox_h.png and featurebox_bg.png). Look for the lines referencing these images in css/main.css: you may try adjusting margin or padding settings for these in main.css to align these images to get the same results across different browsers.

[Adaman]

Originally Posted by techsmeks

This may have to do with the positioning of the sidebar images (featurebox_h.png and featurebox_bg.png). Look for the lines referencing these images in css/main.css: you may try adjusting margin or padding settings for these in main.css to align these images to get the same results across different browsers.

I would agree here check your CSS. Original CSS for yget and featurebox images is below.

/* Sidebar modules*/
.featurebox { background:url("../images/featurebox_bg.png") no-repeat 100% 100%;color:#774525;padding:15px 0px 0px 10px;margin:0 0 15px}
.featurebox p {border:none;margin:0 0 1em;color:#444}
.featurebox a {color:#774525; text-decoration:none}
.featurebox a:hover {color:#ce4a02; text-decoration: underline}
.featurebox li a {margin-left:-10px;padding-left:20px;line-height:2em;}
.featurebox li.rmore {list-style:none; margin-left:155px;background:url("../images/more.png") no-repeat 100% 100%;}
.featurebox li.rmore a {text-decoration:none; font-size:12px;line-height:2.2em;}
.featurebox ul {margin-left:10px; margin-bottom:10px}
.featurebox ul a { margin-bottom:5px}
.tlb {background:url("../images/featurebox_h.png") no-repeat 0 0; margin:-15px -10px 0px;padding:3px 10px 5px}
.tlb a {font-weight:bold;color:#774525; text-decoration:none; font-size:14px}
.tlb strong {font-weight:bold;color:#774525}
.tlb a:hover { color:#000; text-decoration:none}
.tlb span { float:right; margin-top:-3px; margin-right:0px}

Although the other boxes are ok?

Try this.

<div class="tlb">
{php}echo "<span> <a onclick=\"new Effect.toggle('ads','blind', {queue: 'end'}); \"> <img src=\"".my_pligg_base."/templates/".The_Template."/images/expand.png\"> </span>"; {/php}
<a href="#">Links Úteis</a>
</div>

<div id="ads">
<li><a href="http://www.brasilsource.net/blog.php">Brasil Source™ no seu Blog</a></li>
<li><a href="mailto:meuemail@provedor.com">Contato</a></li>
</div>

Adam

[brasilsource]

I decide moving in css but when modifying the archives that techsmeks cited I finish modifying all boxes, I only want to modify box that he appears wrong, does not have as to add for example: margin: - 30px -10px 0px; padding: 3px 10px 5px

<div margin: - 30px -10px 0px; padding: 3px 10px 5px class="tlb">
{php}echo "<span> <a onclick=\"new Effect.toggle('ads','blind', {queue: 'end'}); \"> <img src=\"".my_pligg_base."/templates/yget/images/expand.png\"> </span>"; {/php}
<a href="#">Links Úteis</a>
</div>

<div id="ads">
<ol><a href="http://www.brasilsource.net/blog.php">Brasil Source™ no seu Blog</a></ol>
<ol><a href="mailto:meuemail@provedor.com">Contato</a></ol>
</div>

as I make to define only in this box the edge to make ok

[kbeeveer46]

it needs to look like this

<div style="margin: - 30px -10px 0px; padding: 3px 10px 5px" class="tlb">

[brasilsource]

kbeeveer46 I obtained to decide bug in the IE and in it Opera it with this code, but now he appeared another one in the Firefox, does not have as I to give a space alone for firefox to be all certainty?

Internet Explorer = Ok

Opera = Ok

Firefox = Bug

[brasilsource]

I need help here!!!