I’ve got a really strange problem. Basically, I have a block that contains 3 things
<div id="custom-tweet-button">
<ul>
<li class="sharethis" id="refresh"><a href="#"></a></li>
<li class="twitter"><a href="https://twitter.com/share?hashtags=Anonymously&text=Welcome to Quiet. Why am I here?&via=quiet_app" onClick=" return popitup('https://twitter.com/share?hashtags=Anonymously&text=Welcome to Quiet. Why am I here?&via=quiet_app&url=qph')"></a></li>
<li id="comm"></li>
</ul>
</div>
Its comm that I’m having the issue with. There’s a text number that goes in there, generated on the fly by a jquery call
<script>
$(document).ready(function() {
$.post("inc/comments_system.php", function(data) {
$("#comm").html("<p><a href='#'>"+data.number+"</a></p>");
}, "json");
});
</script>
The number shows up, but thanks to some rather messed up css, (I didn’t code the css, its a prebuilt template) I can’t seem to get the number to show up in the middle of the screen. If I add padding to the top, it pushes the top up instead of moving the text down. If I use margins, it moves all 3 down. I tried putting the link inside of a paragraph, but the same thing happens.
I’m half tempted to just scrap the crappily written css and just redo it. Why would anyone use an ordered list to display 3 things next to each other, its stupid and a completely waste of code.