I pasted the following code in my text box but when I save my banner is shrinking....please help!

<div class="xg_module_body nopad">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://api.ning.com/files/*FK87Mos7FqSwGxq4NyVz0JVG3aSLtzzIjAH*CEpmFbL0mUm-66F4HvNdw2JR1hwbC0sIuFrxQjkddLwrv70lK--KKE0psos/jquery.simpleslider.js" type="text/javascript">
</script>
<script type="text/javascript">// <![CDATA[
$(function() {
        $('#slider').simpleslider({
               auto: true,
                        interval: 8000,
                        speed: 600,
                        direction: 'horizontal',
                        buttons: true,
previoustext: 'Previous',
                nexttext: 'Next'
                });
});
// ]]></script>
<div id="container" style="overflow: hidden;" meebo:notsharable="true">
<div class="spacer"></div>
<ul id="slider" style="overflow: none; height: 136px;">
<li style="margin: 0; padding: 0; list-style: none; height: 136px;"><a target="_blank" href="http://www.mathconcentration.com/photo/photo/newWithUploader"><img class="align-full" src="http://img853.imageshack.us/img853/4462/photos.gif?width=492" width="492" /></a></li>
<li style="margin: 0; padding: 0; list-style: none; height: 136px;"><a target="_blank" href="http://www.mathconcentration.com/forum/topics/homework-help-forum"><img class="align-full" src="http://img35.imageshack.us/img35/7334/mcquestion.png?width=492" width="492" /></a></li>
<li style="margin: 0; padding: 0; list-style: none; height: 136px;"><a target="_blank" href="http://www.mathconcentration.com/group/6weekmathsummerbootcamp"><img class="align-full" src="http://img21.imageshack.us/img21/1263/joinl.png?width=492" width="492" /></a></li>
<li style="margin: 0; padding: 0; list-style: none; height: 136px;"><a target="_blank" href="http://www.mathconcentration.com/profiles/blogs/math-concentrations-beautiful"><img class="align-full" src="http://img822.imageshack.us/img822/3010/contesty.png?width=492" width="492" /></a></li>
</ul>
</div>
</div>

Views: 66

Reply to This

Replies to This Discussion

The banner image is hard to tell if it is in fact cut off, or supposed to look that way - - without a screenshot or working copy.

You may try adding this code to top of your text box code:

<style>
#bannerad img {min-width:492px!important;}
</style>

Then directly under the style where your DIV starts, add the bannerad ID to the DIV like this:

<div id="bannerad" class="xg_module_body nopad">

 

Hope that does it,

Jen

Thank you Jen, but i applied the wrong script. Please take a look at this script:

<div class="xg_module_body nopad">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<script src="http://api.ning.com/files/*FK87Mos7FqSwGxq4NyVz0JVG3aSLtzzIjAH*CEpmFbL0mUm-66F4HvNdw2JR1hwbC0sIuFrxQjkddLwrv70lK--KKE0psos/jquery.simpleslider.js" type="text/javascript">
</script>
<script type="text/javascript">// <![CDATA[
$(function() {
        $('#slider').simpleslider({
               auto: true,
                        interval: 8000,
                        speed: 600,
                        direction: 'horizontal',
                        buttons: true,
previoustext: 'Previous',
                nexttext: 'Next'
                });
});
// ]]></script>
<div id="container" style="overflow: hidden;" meebo:notsharable="true">
<div class="spacer"></div>
<ul id="slider" style="overflow: none; height: 136px;">
<li style="margin: 0; padding: 0; list-style: none; height: 136px;"><a target="_blank" href="http://www.mathconcentration.com/photo/photo/newWithUploader"><img class="align-full" src="http://img853.imageshack.us/img853/4462/photos.gif?width=492" width="492" /></a></li>
<li style="margin: 0; padding: 0; list-style: none; height: 136px;"><a target="_blank" href="http://www.mathconcentration.com/forum/topics/homework-help-forum"><img class="align-full" src="http://img35.imageshack.us/img35/7334/mcquestion.png?width=492" width="492" /></a></li>
<li style="margin: 0; padding: 0; list-style: none; height: 136px;"><a target="_blank" href="http://www.mathconcentration.com/group/6weekmathsummerbootcamp"><img class="align-full" src="http://img21.imageshack.us/img21/1263/joinl.png?width=492" width="492" /></a></li>
<li style="margin: 0; padding: 0; list-style: none; height: 136px;"><a target="_blank" href="http://www.mathconcentration.com/profiles/blogs/math-concentrations-beautiful"><img class="align-full" src="http://img822.imageshack.us/img822/3010/contesty.png?width=492" width="492" /></a></li>
</ul>
</div>
</div>

If it's shrinking, I would try the exact same code I gave above.

Best Regards,

Jen

Thanks. What do you mean when you say "top of your text box code?"

Add to your text box, where you are adding your code - - above your code.

<style>
#bannerad img {min-width:492px!important;}
</style>

<div id="bannerad" class="xg_module_body nopad">

REMAINDER OF YOUR CODE

 

Best,

Jen

 

Thank you Jen. You are a genius!!!:)

Great to hear it worked!

Nah, just a good study.

Best,

Jen

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips