“meta: File under line and Comments(x) on same li

kayaker
(@kayaker)

22 years, 2 months ago

PHP CSS noob. WP day 3.
I’d like to get the information that shows up as:

Filed under: General – admin @ 4:38 pm Edit This

on the same line as the Comments #/link:

Comments (0)

The sticky part is that the comments line has a full screen width dashed line under it. I copied the “h2” tag in the style css to be an “h4” that had a dashed instead of dotted and changed the color. I assigned the “h4” to the PHP comments line in the index.php. I want the “Filed under…” line to have it same style (left justified) separate from the “Comments” line that retains its style (right justified) on the same line, while still having the full screen width underline.
Same goes for the Item Post Title (left) on the same line as my Category Icons (right).
Any help from you code wizards out there. Do I have to use a table? Could you post some an example that I could work from? Please! Thanks in advance.

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

Sushubh
(@sushubh)

22 years, 2 months ago

comment tag looks something like this in the index file:
<?php comments_popup_link('Comments (0)', 'Comments (1)', 'Comments (%)'); ?>
move this tag where u want to place it!
maybe u can post ur URI to the blog and copy ur index.php as index.phps on ur server so someone can be more specific 🙂

Mark (podz)
(@podz)

22 years, 2 months ago

Is this what you want ?
http://www.tamba2.org.uk/testblog/index.php
If so, I can email you the code ?

Thread Starter kayaker
(@kayaker)

22 years, 2 months ago

Sushubh: URI? I’ve seen that acronym floating around. I’m going to go find out what it means :). I’ll try to upload my index.php as text and post the link. Are there security concerns doing that?
Podz: That is almost what I want. I’m looking for the “filed under” and “comment” info to be on the same line like yours, but one right justified and the other left justified, both with different styles and both on that dotted line. I’ll take the code though. junkmail1 myrealbox com
http://www.clarkburbidge.com/wordpress/

Mark (podz)
(@podz)

22 years, 2 months ago

Email sent 🙂

Mark (podz)
(@podz)

22 years, 2 months ago

Oh yes .. Universal Resource Indicator ? (I think)
And uploading your file as text ? Not a particular risk, but like nearly all questions regarding templates, it’s better to be able to actually see it in action when trying to help.

Thread Starter kayaker
(@kayaker)

22 years, 2 months ago

http://www.clarkburbidge.com/IndexDotPhp.txt
I’d like to get:

<h3 class=”storytitle” id=”post-<?php the_ID(); ?>”>” rel=”bookmark” title=”Permanent Link: <?php the_title(); ?>”><?php the_title(); ?></h3>

Left Justified, same font and color, on a screen wide underline with these:

<div class=”caticon”>
<?php category_images(‘|’, ‘gif’, ‘http://www.clarkburbidge.com/wordpress/wp-images/cat-img/’); ?>
</div>

Right justified.
Also

<div class=”meta”>Filed under: <?php the_category() ?> — <?php the_author() ?> @ <?php the_time() ?> <?php edit_post_link()?>;<?php link_pages(‘
Pages: ‘, ‘
‘, ‘number’); ?></div>

Left justified, in it’s font and color on the same underline as:

<h4 class=”feedback”>
<?php link_pages(‘
Pages: ‘, ‘
‘, ‘number’); ?>
<?php comments_popup_link(‘Comments (0)’, ‘Comments (1)’, ‘Comments (%)’); ?>
</h4>

Right justified.

willm
(@willm)

22 years, 2 months ago

The only way I can think of to get two pieces of text on the same line, aligned with the edges and with a gap in the middle is to use a table. Ugh. Try rethinking what you want and we might be able to help you.

Thread Starter kayaker
(@kayaker)

22 years, 2 months ago

I thought so… I’m not stoked about tables, but tables in php? :$ Can it be done? If it was figured out we could post it and help everyone else out too.

davidchait
(@davidchait)

22 years, 2 months ago

You could do it as a table, though there’s a lot of anti-table people around. I’m back on the bandwagon of ‘there are times when tables make it easier to implement design, AND you know that it will work on all browsers’.
You could also have the left text be the primary div, with text left-justified, and then float:right the other text within the div. Or vice-versa.. 😉
You’re looking for something like my inline meta info in the same ‘line’ as my post titles. Floats do the job, though they can be quirky between browsers (i.e. does some weird spacing of things following floats).
-d
http://www.chait.net

Thread Starter kayaker
(@kayaker)

22 years, 2 months ago

Sweet!!
That floaters worked. Thanks for putting me on the right track. I did a search for “html float right” and found a great tutorial, that got me the right code to add.
Thanks!