Hey gang! I have a few problems with code, i believe, that i can not seem to get working. Link: http://forgiven.mytimewithgod.net, you will see, under the title that i have a date of the post. The problem comes in with not being able to line the post text up just beside the date. Here is the code i am using
<?php if (have_posts()) : ?>
<h2 class="news">Latest News and Posts</h2>
<div class="post">
<?php if (is_home()) {?>
<?php } ?>
<?php while (have_posts()) : the_post(); ?><strong>Rate This Article</strong><?php if(function_exists('the_ratings')) { the_ratings(); } ?>
<div class="date"><div class="month"><?php the_date('F'); ?></div><div class="day"><?php the_time('j') ?></div></div><p class="postmetadata">Posted in <?php the_category(', ') ?> <?php edit_post_link('|','Edit', '', ' | '); ?></p>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
I have tried to move the_content around and the div's around but can not seem to get the post text to line-up beside the date calendar. Here is the css code:
.news{
color: #464646;
margin-bottom: 0.5em;
margin-top: 0em;
text-align: center;
font-size: 1em;
font-variant: small-caps;
background-color: #fafafa;}
h3, h4 {
font: 1.4em Georgia, "Times New Roman", serif; letter-spacing: 0.8px;
color: #434343;
}
.post{
padding: 20px 5px 0px 25px;
border-bottom: 1px #f2f7e3 solid;
background: url(images/postbg.png) no-repeat top left;}
.post .date {
width: 50px;
height: 74px;
background: #ffffff url(images/date.gif) no-repeat scroll center top;
float: left;
margin: 0 10px 10px 0;
}
.date .month {
font-size: 8px;
text-align: center;
height: 14px; line-height: 16px;
text-transform: uppercase;
font-weight: normal;
color: #ffffff;
}
.date .day {
text-align: center;
font-size: 25px;
line-height: 20px;
padding-top: 8px;
font-weight: bold;
}
I am also having big problems getting the comments link to actually return to the comments link. Here is that code:
<div class="comments" onclick="window.location='"><div class="number"><a href="" title="Comment on Post: "><?php comments_number('0'); ?></a></div></div>
and the corresponding css:
#comments{margin-top:1em;}
.comments .number {
float: right;
width: 27px;
text-align: center;
font-size: 9px;
line-height: 23px;
color: #ffffff;
}
.comments .number a {
font-weight: bold;
color: #ffffff;
}
I would greatly appreciate any help!