So I am using a simple five column layout for a blog-ish type site.
When listing entries the second column has the post title (and
permalink) and the third column the actual content. The content is
always taller than the title, which means that there is a varying
amount of space below the title in the second column. What I would
like is for the title permalink anchor in the second column to always
be the full height of the 'row' (as if the whole section of the row
was one big button). I've tried all the tricks I can think of / find,
but cant get it working, any help would be most appreciated. Sample
code is below.
<div class="span-1">
<?php the_time('F jS, Y') ?>
</div>
<div class="span-2">
<a class="tall-link" href="<?php the_permalink() ?>" rel="bookmark"
title="Permanent Link to <?php the_title_attribute(); ?>"><span
class="title"><?php the_title(); ?></span></a>
</div>
<div class="span-2 post-content">...</div>
<div class="span-1 last">...</div>
a.tall-link {
display:block;
height: 100%;
width: 100%;
min-height: 90px;
}
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
