tobybowes

So’s not to leave this thread unanswered, I got the desired effect answered over at sitepoint, its not perfect but does the job.

http://www.sitepoint.com/forums/showthread.php?883631-CSS-Floating-Divs-to-the-bottom-inside-a-Div

Thanks for the help but that doesn’t work, placing it at the beginning puts it in the top-right and wraps the full paragraph, placing it in the middle puts the first part of the paragraph above and then wraps the remaining with it in the top-right, and placing it at the end but still inside the paragraph places it below the paragraph again in the top right.

Its now aligned below the paragraph not wrapping in the corner. Re-uploaded

Sorry neither of them worked, just quickly typed out a dummy code and uploaded it on the link below. The blue div is currently float right and wrapping text, but I need to move it to the bottom right corner remembering the height is variable.

http://www.tobybowes.karoo.net/test/tester.html

I can implement any further ideas and re upload to show the results if working or not.

Thanks for the help so far anyways!
James (tobybowes)

That’s great thanks, the only thing is it seems to create an one final empty div after its finished?

To get a little more advanced is it possible to alternate the class? Ive done it previously with my posts using the something similar to the following code, but ive just tried implementing it on to this code and it doesn’t work.

<?php /* variable for alternating post styles */
$altpostclass = 'left';
?>

<div class="cat-button <?php echo $altpostclass; ?>">POST FROM THE LOOP</div>

<?php /* Changes every other post to a different class */
if ('left' == $altpostclass) $altpostclass = 'right';
else $altpostclass = 'left';
?>

It does do something though because in the source code it displays
<div class="cat-button <?php echo left; ?>"></div>

Thanks for your help, I cant believe how quickly I got a response!!