• Hi,
    I am trying to put the Comment counts to the far right hand side of the page.

    Thus I thought that using a table such as the following would solve the issue. But it doesn’t. Because of the <td> tag is outside of fonts, there is no cells, if I put <td> tags inside of <font>, there is no font style. I must be doing something wrong here. Can someone give me a few pointers? Thanks.

    ==================================
    <table>
    <tr>
    <td align=”left><font color=”#3399CC” size=”2px”>
    <?php comment_author_link() ?></font></td>

    <td align=”center”><font color=”#999″ size=”1px”>
    (<?php comment_date(‘M d Y’) ?>
    <?php comment_time() ?>)</font></td>

    <td align=”right”><font color=”#3399CC” size=”4px”
    <?php echo $count; ?></font></td>

    </tr>
    </table>

Viewing 15 replies - 1 through 15 (of 22 total)
  • font tags are deprecated. You should use CSS instead. Give that third TD tag a class, then align the class right. e.g.

    <td class="alignRight">

    then in your stylesheet,

    .alignRight{ text-align:right; }

    Google a quick CSS tutorial for more. Suggested: w3schools

    Thread Starter misty9

    (@misty9)

    Thanks for the reply. I will define different fonts for Author’s name, Dates in the style.css in different classes. I’ve done exact what you had suggested, but it didn’t resolve the problem. Try the following and Cell B is not aligned to the far right of the page. Why is that? Anyone? Thx.

    Style.css:

    .alignRight{ text-align:right; }

    Comments.php:
    <table>
    <tr>
    <td>Cell A</td>
    <td class=”alignRight”>Cell B</td>
    </tr>
    </table>

    Please take a look at this WordPress support site https://liberta.reminiscelane.com/visitors/tutorials/wordpress-helpdesk/ which has a few very good features that currently WordPress doesn’t have. For example, the descending comments counting and etc.

    I’ve already made my blog having the desending comments count. Now I wish to have the comments counts to the far right of the page like what she has on her blog.

    Those aren’t actually tables she’s using. The comment numbers are in <div class="commentnumber">, and .commentnumber is floated right:

    .commentnumber{float:right;}

    As for your issue with the table, if you gave a URL it would help.

    Thread Starter misty9

    (@misty9)

    I will use any method that works if table tag doesn’t in this case.

    Here is the testing page, see “Chris (Nov 06 2007 10:37 pm) 3” when 3 is the latest comment count.

    https://koreancelebrities.skybluedot.com/wp4_koreancelebrities/?page_id=3

    Thanks.

    You don’t have any tables in there as far as I see.

    You’ve got validation problems out the wazoo. If you tried the table method earlier, validation problems might be why it didn’t work (even if the validation errors were elsewhere on the page). Start here:

    validate

    Biggest problem is that you’re using outdated (deprecated) markup. <font> tags don’t exist in XHTML, nor does the align property in <div align=right>.

    Anyway, I’ve suggested two different methods. Either put the number in a table cell or in a div. Looks like you don’t have either one. You need to start there. Probably easiest to put a <div class="alignRight"> type thing around the number, with appropriate CSS in the stylesheet (per my last post).

    Thread Starter misty9

    (@misty9)

    Damrbrown, Thanks so much for your time. I will work on clean up the validation errors first.

    Thread Starter misty9

    (@misty9)

    “Either put the number in a table cell or in a div. Looks like you don’t have either one.”

    Uh, I had removed the table tag test as soon as it did not work for me in the Comments.php. I will try it again after cleaning up the validation errors.

    Thread Starter misty9

    (@misty9)

    By the way, I’ve done a simple test without errors(see link below). The Cell B is not placed to the far right of the page.

    https://koreancelebrities.skybluedot.com/table_test.html

    Thread Starter misty9

    (@misty9)

    While I am cleaning up my validation errors, it would be great if anyone could show me a simple test in a simple HTML file that puts the second element to the far right side of the page. Thanks.

    Re: your table test. You need to use CSS to give the table 100% width first.

    Here’s the demo you requested. It’s on a test site, so I’ll be deleting it later today. Since I don’t want to attract spambots to the test site, I’m not going to give the URL. Instead, I’ll say this: Go to my personal website:

    https://adambrown.info/

    Add this to the URL:

    b/betablog/2007/11/07/tables-demo/

    (Please keep comments here rather than posting a comment to the test site.)

    Thread Starter misty9

    (@misty9)

    Thanks so much Adam for the test demo. I will work on fixing issues at my comment page later.

    I have a slightly different inquiry now. I have been searching online for a simple free spiral photo album cover image for a day, but I still haven’t found one. All I need is a little frame that I will place my images inside of it. Any suggestion in where I should try next? Thanks.

    Not sure what you mean exactly with the photos question, but check out the plugins repository for photo plugins.

    Thread Starter misty9

    (@misty9)

    I am looking for a JPG or any other type of image file. The jpg has a nice spiral photo album that I can merge my image into it. i.e I would manually combine them into one JPG file.

    This new jpg will be the cover of one of my photo albums and is also a link to another page full of pictures.

    In case you run into any nice images like that, please forward me the URL. Thanks.

    Thread Starter misty9

    (@misty9)

    Here is an example of image file that I am interested in. The spirals are bit large than what I’d like, but it’s hard to find anything like it. I will have to cut out the window frame and reside it if I can’t find any other frames.

    https://www.filebuzz.com/software_screenshot/full/5815-Diji_Album.jpg

    If this were a wordpress support question, you might have better luck here. As it is, all I can suggest is google images or photoshop.

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘Align the Comment Counts to the Far Right Side of the Page’ is closed to new replies.