By sgwealti on

I got the inline module working and the text wraps around the images but as you can see if you go to my website http://www.dane101.com if a image is longer than the text for a specific post, headline of the next post is placed to the right of the image for the previous post instead of beneath the image and all the way to the left margin. Any ideas for how to fix this?

Comments

phatPhrog’s picture

phatPhrog commented

Look good to me. I am using Firefox and your posts appear to be correct. The headlines are above all images and the text wraps fine.

sgwealti’s picture

sgwealti commented

the first page looks fine on my end (firefox also) check page 2 for an example. Sorry I forgot to mention that.

videojunky’s picture

videojunky commented

i used tables to fix the close inline problem. I inlined all my screenshots which made the description display right on the edge of the picture which looked bad.
Took me a bunch of hours trying to fix it using tables because with my theme it called the content in weird places at weird times, plus i didnt make the theme i was editing.

sgwealti’s picture

sgwealti commented

that sounds complicated. You wouldn't think that something like that should be hard at all... I have no idea how to use tables. I guess I'll have to learn.

sgwealti’s picture

sgwealti commented

When I check my site referrer log I get a decent # of hits from this post so I figured I'd offer an update. Basically there's not much to report. I still haven't found a way to make sure subsequent posts appear beneath the image so that the text "wraps correctly" I'm close to offering a bounty for someone to fix this.

The workaround is to make sure that no image is "larger" than the text of the post it is associated with . This sucks if you want to include a large image with a short post.

Here's the problem I'm talking about

Say you have a post like this (### represents an image)

###### NODE TITLE
######
###### Some node text goes here,
###### and continues to wrap,
###### down the column.
######
######
######

If you do a short post like that, any text that comes after the post, like the login, and comment links appear like this

###### NODE TITLE
######
###### Some node text goes here,
###### and continues to wrap,
###### down the column.
######
###### >> add new comment | read more | subscribe
###### NEXT NODE TITLE

Instead of the way it should (at least I think it would look better this way:

###### NODE TITLE
######
###### Some node text goes here,
###### and continues to wrap,
###### down the column.
######
######
######
>> add new comment | read more | subscribe

NEXT NODE TITLE

sgwealti’s picture

sgwealti commented

Well I messed around with it and figured it out. Here's what I came up with. This probably only works for people using the same theme as I am (modified bluemarinephp).

I changed node.tpl.php from:

<div class="node<?php if ($sticky) { print " sticky"; } ?>">
    <?php if ($picture) { 
      print $picture;
    }?>

<?php if ($page == ''): /* $page : True if on the node view page, and not a summary. */ ?>
                <h1 class="title"><a href="/<?php print($node_url); ?>"><?php print($title); ?></a></h1>
		<?php endif; ?>
<span class="submitted"><?php print $submitted?></span>
    <span class="taxonomy"><?php print $terms?></span>
    <div class="content"><?php print $content?></div>
    <div class="links">&raquo; <?php print $links?></div>
  </div>

TO:

<div class="node<?php if ($sticky) { print " sticky"; } ?>">
    <?php if ($picture) { 
      print $picture;
    }?>

<?php if ($page == ''): /* $page : True if on the node view page, and not a summary. */ ?>
                <h1 class="title"><a href="/<?php print($node_url); ?>"><?php print($title); ?></a></h1>
		<?php endif; ?>
<span class="submitted"><?php print $submitted?></span>
    <span class="taxonomy"><?php print $terms?></span>
    <div class="content">
    <table cellspacing="0"><tr><td valign="top">
    <?php print $content?>
    </td></tr></table>
    </div>
    
    <div class="links">&raquo; <?php print $links?></div>
  </div>

YMMV