• Two questions:

    1. The left column in my blog is quite a bit longer than the right. I want both to stretch right to the bottom of the page. How?

    http://ethanmeanor.com/journal/

    2. In the link above, look at the box around the date. I want that box around the titles of my posts instead, and the date smaller underneath that. How do I do that?

Viewing 7 replies - 1 through 7 (of 7 total)
  • 1. You can use a ‘faux column’ technique and a clearer div. That will sort the coumn lengths. One example of this is the Trident theme:
    http://eretzvaju.org/trident

    2. Title – you need to enclose that part of the index.php in <div class="meta"> to get the purple.
    Then edit the index.php to move the_time (or the_date) to be under the title. Once it’s there you can style it. Any problems, post back.

    Thread Starter nalencer

    (@nalencer)

    I’ll look into the faux columns. However, I don’t quite know which part of the index.php to enclosed in the <div class=”meta”>. Here’s the index.php file, can you just post it back with the div in the right spot? I tried a few places and it either did nothing or pushed the post text over under the left column.

    ————————————–
    <?php
    /* Don’t remove these lines. */
    $blog = 1;
    get_header();
    ?>
    <body>
    <div id=”headerblock”>
    <h1 id=”header”>“><img src=”http://ethanmeanor.com/journal/wp-content/themes/journal/images/banner.jpg”&gt;</h1>
    <?php bloginfo(‘description’); ?>

    </div> <!– headerblock –>

    <?php if (have_posts()) { while (have_posts()) { the_post(); ?>
    <?php the_date(”,'<h2>’,'</h2>’);?>
    <div class=”centreblock”>

    <h3 class=”storytitle” id=”post-<?php the_ID(); ?>”>” rel=”bookmark” title=”Permanent Link to <?php the_title(); ?>”><?php the_title(); ?></h3>
    <div class=”meta”><?php print($post_date)?><?php the_time(‘F jS, Y’) ?> at <?php the_time() ?><?php edit_post_link(); ?>

    </div> <!– meta –>
    <div class=”storyContent”>

    <?php the_content(); ?>
    Filed under <?php the_category(‘, ‘) ?> – <?php comments_popup_link(‘0 Comments’, ‘1 Comment’, ‘% Comments’); ?> 
    </div> <!– story content –>

    <div class=”storyLinks”>
    <div class=”feedback”>
    <?php wp_link_pages(); ?>

    </div>
    </div> <!– storyLinks –>

    <!–
    <?php trackback_rdf(); ?>
    –>

    <?php comments_template(); ?>
    </div> <!– centreblock –>

    <?php } // end foreach
    if ((! is_single()) && (! is_page())) { ?>
    <div class=”navigation”>
    <div class=”alignleft”><?php posts_nav_link(”,”,’« Previous Entries’) ?></div>
    <div class=”alignright”><?php posts_nav_link(”,’Next Entries »’,”) ?></div>
    </div>
    <?php
    } //end if !single or page
    else if (is_single()) {
    ?>
    <div class=”navigation”>
    <div class=”alignleft”><?php previous_post(‘« %’,”,’yes’) ?></div>
    <div class=”alignright”><?php next_post(‘ % »’,”,’yes’) ?></div>
    </div>
    <?php
    } // end if is single
    } else { // end if any posts
    ?>
    <div class=”centreblock”>
    Sorry, no posts matched your criteria.
    </div> <!– centreblock –>
    <?php } // end else no posts
    ?>

    <p class=”centerP”>
    Powered by WordPress

    <p class=”centerP”>All articles, chapters and other content Copyright 2005 by Ethan Meanor unless otherwise noted. All rights reserved.

    <?php
    include_once(‘leftcolumn.php’);
    include_once(‘rightcolumn.php’);
    ?>

    <?php do_action(‘wp_footer’); ?>
    </body>
    </html>

    Thread Starter nalencer

    (@nalencer)

    And are there any alternatives to faux columns?

    No.
    (and, please, don’t post long code here: it is difficult to read. Next time you can use http://pastebin.com )

    Thread Starter nalencer

    (@nalencer)

    Can someone tell me why Height: 100% doesn’t work?

    A list Apart has very good articles on creating faux colums (picture backgrounds) for aligning equal column lengths.

    Also…
    The Bomb Site has very good tutorials on faux columns using WordPress

    Height: 100%; isn’t fully supported by all browsers in current use…. in fact, I’m not sure any of them really support it well, and Opera 8.+ has regressed in this area….

    Would certainly be much simpler to use than faux columns! But it’s just not viable at this time.

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

The topic ‘Column Length and Title Background’ is closed to new replies.