Title: Help with HTML coding for posts
Last modified: August 19, 2016

---

# Help with HTML coding for posts

 *  [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * (@itwasluck3)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/)
 * Okay, so when I installed wordpress on my blog (www.aceoftech.com) it was nice,
   but it didn’t have a ranking system or a comments box. So looking into some plugins
   I found a good ranking system. My first problem is that I can’t get it to indent
   with my text. Look below for the image. I want it to be equal with that red line.
   I tried using all the html codes I know, and still no luck. The code is below,
   if anyone knows what I have to put in front and behind that code to get it to
   indent with the rest of my post, please share.
    `<?php if(function_exists('the_ratings')){
   the_ratings(); } ?>`
 * [http://img72.imageshack.us/img72/3911/helphy3.png](http://img72.imageshack.us/img72/3911/helphy3.png)
 * Secondly, I just figured out how to get a comments link to appear that either
   says Comments [0] or Comments [1] and up and up… but the only problem I have 
   is, I want it to be right aligned on the same link as the ranking system I have
   from above. As you can see from the image above, I have created a small mockup
   of what I want it to look like. And below is what I want it to look like in the
   end. Below is the code for the posting thing I have.
 *     ```
       <?php comments_popup_link('Comments [0]', 'Comments [1]',
       'Comments [%]', 'comments-link', 'Comments Disabled'); ?>
       ```
   
 * And here’s the photo of what I would like it to look like:
 * [http://img407.imageshack.us/img407/5825/help2fb0.png](http://img407.imageshack.us/img407/5825/help2fb0.png)

Viewing 11 replies - 1 through 11 (of 11 total)

 *  Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * (@itwasluck3)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-720723)
 * Pardon me if I don’t know the “bumping” rules, but with my post being on the 
   6th page, I don’t believe it will get any exposer.
 *  [haochi](https://wordpress.org/support/users/haochi/)
 * (@haochi)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-720733)
 * Open /wp-content/plugins/postratings/postratings-css.css
    Add `margin-bottom:-
   30px` for `.post-ratings` Open /wp-content/themes/pixelgreen/index.php Add `style
   ="text-align: right;"` in the `p` (paragraph tag) in the line that has `comments_popup_link`
 * Test in Firefox 2, Opera 9, IE7, and Safari 3.
 *  Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * (@itwasluck3)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-720743)
 * Thanks for the help but I have a few questions:
 * Where do I insert the code: margin-bottom: -30px, I searched for .post-ratings,
   and theres no line of code in the code that matches that. If you would like me
   to attach the code to the post ratings plugin I will.
 * Secondly, Your second one worked, but… It may be right aligned, but its not on
   the same line as the post ratings system. Once again, I can attach the index.
   php code section if you would like,
 *  [haochi](https://wordpress.org/support/users/haochi/)
 * (@haochi)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-720744)
 * 1.) You are supposed to find ‘.post-ratings’ in [this file](http://aceoftech.com/wp-content/plugins/postratings/postratings-css.css),
   not index.php, nor the PHP file(s) of the rating plugin.
 * The post-ratings rule should look like this afterward:
 * `.post-ratings {
    width:100%; filter: alpha(opacity=100); -moz-opacity: 1; opacity:
   1; **margin-bottom: -30px;** /* background-color: #ffffff; */ }
 * 2.) It’s because you didn’t get no.1 working. They should be on the same level
   once you applied no.1.
 *  Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * (@itwasluck3)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-720746)
 * Okay, thanks, but I’m really stupid, but inside that code, exactly where do I
   put it… I put it right here:
 *     ```
       .post-ratings {
       	<strong>margin-bottom: -30px</strong>
               width:100%;
       	filter: alpha(opacity=100);
       	-moz-opacity: 1;
       	opacity: 1;
       	/* background-color: #ffffff; */
       ```
   
 * And it doesn’t appear to be doing anything.
 *  Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * (@itwasluck3)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-720747)
 * Just saw your post from above, you must have edited it. I’ll try putting it there
 *  Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * (@itwasluck3)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-720754)
 * Nevermind, I got the two things, the post ratings and the comments link to be
   on the same line, but the post rating system isn’t indented…
 *  [haochi](https://wordpress.org/support/users/haochi/)
 * (@haochi)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-720815)
 * Ok, just change
 * `margin-bottom: -30px;`
 * to
 * `margin: 0px 0px -30px 15px;`
 * that should do the trick.
 *  Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * (@itwasluck3)
 * [18 years, 1 month ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-720825)
 * Thanks a lot man… I don’t know where you learn this stuff, but thanks!
 *  Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * (@itwasluck3)
 * [17 years, 11 months ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-721037)
 * **Okay I know this topic is like 2 months old but I updated the plugin that I
   use for comments, and apparently it messed up something cause now the post ratings
   and comments link are no longer on the same line. Plus its now all the way on
   the left again. Read my first post at the very top and view the image for more
   detail.**
 * I have checked the two places that I had to fix last time and they look fine 
   so I don’t know why its messed up…
 * Help…
 *  Thread Starter [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * (@itwasluck3)
 * [17 years, 11 months ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-721038)
 * Don’t really know what page this is on, but I’ll bump it once here, and if I 
   don’t get anything, I’ll just start a new topic.
 * See my above posts for help…

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Help with HTML coding for posts’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 11 replies
 * 2 participants
 * Last reply from: [itwasluck3](https://wordpress.org/support/users/itwasluck3/)
 * Last activity: [17 years, 11 months ago](https://wordpress.org/support/topic/help-with-html-coding-for-posts/#post-721038)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics