Combing Entry Title with Entry Post

[Nick Schmitz]

Hey there, I been playing around with the K2 theme for a few months
now. I gotta say, I really love the customization possibilities. I
currently working offline on a semi-major layout change and,
unfortunately, I'm running into an issue.

What I'm trying to do is create an entry layout where the image is on
the left and the entry text is set to the right of the image including
the Title of the post. I can get the entry text to wrap just fine
using the 'align="left"' command within the image html but the title
remains on top. I want the title to be flush-left with the entry text
and top aligned to the image that's to the right of it.

At first I thought it might be a CSS thing, but I'm starting to wonder
if its a PHP thing but I honestly just don't know. Can anyone lend a
hand?

[Nick Schmitz]

P.S. I mentioned that I was working on this site offline before, but
if you're looking for some context, you can see what is currently
online here: http://fileunder.00one.com

[Nick Schmitz]

P.P.S. Here's a link to a screenshot of what I want to do. Thanks in
advance!
http://00one.com/fileunder.jpg

[blumenberg]

You could try to define the specific title tag in the css as an inline
block element — i can’t test it right away in lack of a k2
installation (shame on me).

=== css snippet start ===

h3.entry-title {
display: inline-block;
float: right;
}

=== css snippet end ===

On Jun 22, 4:22 am, Nick Schmitz <naschm...@gmail.com> wrote:
> P.P.S. Here's a link to a screenshot of what I want to do. Thanks in

> advance!http://00one.com/fileunder.jpg

[Nick Schmitz]

The bad news is that it wasn't quite that easy.

The good news, however is that it put me on the exact track I needed
to solve the problem! I ended up adding the "display: inline-block;"
and the "float: right;" elements to the tag that you mentioned, which
sorta worked. So I started messing around applying those elements to
various other tags that were directly related to the Title... after
some fiddling around a bit, I got it!

Thanks a bunch for the kickstart! You made my day...

Cheers,
Nick

[Steve Lam]

You first need to add a margin for whole post entry:

.hentry {
margin-left: 500px;
}

and add these classes:

.entry-banner {
position: absolute;
width: 490px;
left: -500px;
top: 0px;
}

.entry-banner img {
width: 490px;
}

enclose everything that you want to appear to the left of the post in a:

<div class="entry-banner">
your stuff here
</div>

(be sure to remove the margin-right from .entry-head and .entry-content)

Do not add more than one entry-banner per post content.

-Steve

> --
> You received this message because you are subscribed to the Google Groups "K2 Support" group.
> To post to this group, send email to k2-su...@googlegroups.com.
> To unsubscribe from this group, send email to k2-support+...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/k2-support?hl=en.
>