WordPress.org

Ready to get started?Download WordPress

Forums

Text alignment (60 posts)

  1. charlietech
    Member
    Posted 2 years ago #

    I got the text somewhat aligned but I want to move it closer to the image
    here is the test site http://test.xertionfitness.com/ex

    and here is the code:
    <table style="margin-left: 0.em;">
    <tbody>
    <tr>
    <td><img class="alignleft size-thumbnail wp-image-140" title="OLYMPUS DIGITAL CAMERA" src="http://test.xertionfitness.com/wp-content/uploads/2012/05/Bench-incline-push-up-11-150x150.jpg" alt="" width="100" height="80" /></td>
    <td><span style="font-size: 12px;">Bench Push Up</span>
    Primary Muscle: Pectoral Major
    Equipment: Bench</td>
    </tr>
    </tbody>
    </table>

  2. vtxyzzy
    Member
    Posted 2 years ago #

    One way to do this is to add a width to the td tag:

    <td><span style="font-size: 12px; width: 60%;">Bench Push Up</span>
  3. charlietech
    Member
    Posted 2 years ago #

    it didnt work

  4. vtxyzzy
    Member
    Posted 2 years ago #

    I'm sorry, I added the width to the wrong tag in my sample. The text said to add it to the td tag, but I showed it in the span tag. Please try it like this:

    <td style="width: 80%;"><span style="font-size: 12px;">Bench Push Up</span><br>
    Primary Muscle: Pectoral Major<br>
    Equipment: Bench</td>
  5. charlietech
    Member
    Posted 2 years ago #

    There you go, thanks so much, ok two questions, what is the fastest way to make 50 pages the same way that I have the one above? do you know of a rating system? one that would be at the end of the table, a third row. something like this one
    http://www.bodybuilding.com/exercises/finder/lookup/filter/muscle/id/11/muscle/traps

  6. vtxyzzy
    Member
    Posted 2 years ago #

    I don't know of a better way to duplicate a page than copy/paste.

    As for the rating, there are several rating plugins that might work for you:

    http://wordpress.org/extend/plugins/search.php?q=rating

  7. charlietech
    Member
    Posted 2 years ago #

    ok, thanks I was just checking because Im trying to learn the quickest ways of doing things. I want a number rating system far as 1-10. as you can see, I new to this so I wont be able to configure it if I have to do a bunch of coding. just looking for something that I can activate and configure a little bit.

    Thanks for your help tho, really really appreciate it

  8. charlietech
    Member
    Posted 2 years ago #

    last question if you can, what would I type in css to link all the top word in the table for as bench push line?

  9. vtxyzzy
    Member
    Posted 2 years ago #

    You cannot create a link to a word with CSS, you will need to code that in the source for the page. The links will look something like this:

    <a href="url-to-target" title="Title for this link">Word Here</a>
  10. vtxyzzy
    Member
    Posted 2 years ago #

    Who will be doing the rating? If it is a number that you assign, you could just create another column in the table and put the number there.

    If you want users to rate the post, you will need to use one of the rating plugins and add the code that it specifies.

  11. charlietech
    Member
    Posted 2 years ago #

    Thanks you been awesome!Yea I knew about the linking far as putting in the hyperlink and link it that way but I have over 400 things Ima have to link so I was hoping there was a faster way.

    Far as the rating, I wanted to have users rate videos That I would be putting up and have the average of them display next to the images you seen after the bench push text but align to the far right corner.Like the link i sent you of the website. how they have the rating with the number of the rating on the far right.

  12. vtxyzzy
    Member
    Posted 2 years ago #

    You will need to use one of the plugins that lets users do the rating. It will probably be easiest to use the code supplied by the plugin (probably a shortcode) in an additional cell in the table.

  13. charlietech
    Member
    Posted 2 years ago #

    well I been had wp post rating for post or page. it has a number rating to 5 but its not showing up in nothing. have you used that one?

  14. charlietech
    Member
    Posted 2 years ago #

    If for the rating system when I do get it to work, woulding I just ad another <td> and align it to the right to get it in the corner of the table?

  15. vtxyzzy
    Member
    Posted 2 years ago #

    I have not used any of the rating plugins.

    If WP PostRatings is the plugin you have installed, try adding another cell to the row and placing '[ratings]' in that cell.

  16. vtxyzzy
    Member
    Posted 2 years ago #

    You would add the td cell after the last one in the row.

  17. charlietech
    Member
    Posted 2 years ago #

    Yes Yes, ok your help has been beyond words, I need to be able to contact you anytime, tremendous help. My image keep shrinking for some reason.Y?, Im using a mac and when i just checked it on firefox, its the right size.

    <table style="margin-rightt: 0.2em;" align="left">
    <tbody>
    <tr>
    <td><img class="alignleft size-full wp-image-139" title="exercise of the week 250" src="http://test.xertionfitness.com/wp-content/uploads/2012/05/exercise-of-the-week-250-.png" alt="" width="250" height="150" /></td>
    <td style="width:80%;"><span style="font-size: 14px;">Bench Push Ups</span>
    <span style="font-size: 12px;">Primary Muscles: shoulders</span>
    <span style="font-size: 12px;"> Equipment: None</span></td><td>'[ratings]'</td>
    </tr>
    </tbody>
    </table>

  18. charlietech
    Member
    Posted 2 years ago #

    last couple of question and I will leave you alone. Why is my images keep shrinking when i added the rating system?

    How would i put a border around the # out of 5 part? so <td> row 3. would i do something like

    td {
    border-top:1px;groove thin; ?
    }

  19. Maruti Mohanty
    Member
    Posted 2 years ago #

    Below is the best plugin for rating... You just have to to install and keep the settings you want and it does all the calculations if ever you need....
    Go through it and you will find it really useful

    http://wordpress.org/extend/plugins/gd-star-rating/

    and if you are looking for post duplicating below is the best plugin
    http://wordpress.org/extend/plugins/duplicate-post/

  20. charlietech
    Member
    Posted 2 years ago #

    thank ya, ok two questions, on the duplicating post. the only thing that is duplicating is in my activity stream. every time I post something, it duplicate it but not when I post a image or an article

    far as the rating system, I want a number rating system showing, not a star one. sorry third question, how would i be able to put a border on my rating system? Im using wp rating and it has numbers but I want to put a border around it.
    I tried this code below but it didnt work

    ratings {
    border-top:groove;
    }

  21. vtxyzzy
    Member
    Posted 2 years ago #

    You will need to adjust the width of all cells when you add a new cell to the row.

    To add a border, give the cell a class and use CSS to style it.

  22. charlietech
    Member
    Posted 2 years ago #

    I gave it a post-rating class

    post-ratings {
    border-top: groove
    }
    stil didnt work

  23. vtxyzzy
    Member
    Posted 2 years ago #

    You gave the class to the span tag which cannot have a border. Assign the class to the td tag.

  24. charlietech
    Member
    Posted 2 years ago #

    Im sorry that im slow but I tried td { and .td { and they still didnt work

  25. vtxyzzy
    Member
    Posted 2 years ago #

    Code the td tag like this:

    <td class="post-ratings">

    Then code the CSS like this:

    td.post-ratings {
       border-top: 5px groove;
    }
  26. charlietech
    Member
    Posted 2 years ago #

    Thanks for helping me understand the class part but I did that exactly how you wanted me too and it still didint work.

  27. vtxyzzy
    Member
    Posted 2 years ago #

    When I look at the source code sent to my browser, the td tags do NOT have the class added, and the style rule is NOT at the end of style.css. I don't know where you put the code, but it is not in the right place.

  28. charlietech
    Member
    Posted 2 years ago #

    here the first image on the page where I put the tag at

    <h2>Exercise of the Week</h2>
    <table style="margin-right: 0.2em;" align="left">
    <tbody>
    <tr>
    <td><img class="alignleft size-full wp-image-139" title="exercise of the week 250" src="http://test.xertionfitness.com/wp-content/uploads/2012/05/exercise-of-the-week-250-.png" alt="" width="250" height="150" /></td>
    <td style="width: 70%;"><span style="font-size: 14px;">Bench Push Ups</span>
    <span style="font-size: 12px;">Primary Muscles: shoulders</span>
    <span style="font-size: 12px;"> Equipment: None</span></td>
    <td class "post-ratings>'[ratings]'</td>
    </tr>
    </tbody>
    </table>

  29. vtxyzzy
    Member
    Posted 2 years ago #

    This is not coded correctly. It needs to be this:

    <td class="post-ratings">[ratings]</td>
  30. charlietech
    Member
    Posted 2 years ago #

    this is how it look now and still the same and its making my image smaller only on my mac

    <td style="width: 90%;"><span style="font-size: 14px;">Bench Push Ups</span>
    <span style="font-size: 12px;">Primary Muscles: shoulders</span>
    <span style="font-size: 12px;"> Equipment: None</span></td>
    <td class="post-ratings">[ratings]</td>
    </tr>
    </tbody>

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.