View Single Post
Old 08-16-2010, 06:41 PM   #11
charleski
Wizard
charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.charleski ought to be getting tired of karma fortunes by now.
 
Posts: 1,181
Karma: 539735
Join Date: Sep 2009
Device: PRS-505
Ah... The screenshot makes it clear what's happening, I thought you were getting some other problem.

Ok, what's happening is that each successive image is floating relative to the previous one. Try adding clear:left to the css for your h3 style.

[Edit]If you want to get the book titles lining up nicely, you'll really need to separate the images and titles into separate blocks. That's easy to do though. Open the replace dialog and do a regex search with the following:
Find: <h3 (.+)><img class="book"(.+)/>(.+)</h3>
Replace: <div class="clear"><div class="book"><img\2/></div><h3 \1>\3</h3></div>
You'll then be able to align the titles separately from the images by altering the css for h3. Note that this moves the float styling to the div, so the css will need to be div.book{...}. It also wraps the image and title in a new div which has the clear class [.clear {clear: both}] so that each image/title block is aligned independently.

Last edited by charleski; 08-16-2010 at 07:02 PM.
charleski is offline   Reply With Quote