<li class="message"> problem

x4rl

Well-known member
Hey all
Am trying to make a box after the first post to place a banner this is what i have so far (which is prob wrong)

HTML:
<xen:if is="{$post.position} == 0 AND {$visitor.user_group_id} != 8">
    <li class="message">
                <blockquote class="messageText ugc baseHtml">
<div class="centralbox">
<div style="float:left"><a href="http://anime.jlist.com/click/2879/92"><img src="http://myanimeisland.com/banners/jlist.jpg" alt="" border="0px" /></a></div>
<div style="float:right"><a href="http://www.play-asia.com/SOap-23-83-f8z9.html"><img src="http://myanimeisland.com/banners/playasia.jpg" alt="" border="0px" /></a></div>
</div>
                </blockquote>
    </li>
</xen:if>

http://myanimeisland.com/threads/post-your-desktop.45/
Now if you see here it shows up fine but there is Big space under it (padding) which found here

HTML:
.messageList .message
{
    @property "message";
    padding-top: 10px;
    padding-bottom: 30px;
    border-top: 1px solid rgb(234, 186, 17);
    @property "/message";
}

but when i change the bottom padding to say 5px it all so moves everything else with use's that class

so my question is
Is there any other way i can do this without changing the whole page

Thanks
 
Try adding !important to the end of it.

If that still doesn't work then add another class to the li as follows:

Code:
<li class="message noPadding">
 
Did you actually add padding:0 to the noPadding class?

I just checked the css and there appears to be no styling for that class.

Woop's!
confused.png
sorry about that and thanks alot :)
 
Top Bottom