images overlapping when float left
-
I want my images to display in-line and not overlap. I tried setting margins, but no luck.
The blog I need help with is: (visible only to logged in users)
-
For center alignment in the Visual editor see Row 1 icon 9
Align CenterText wrapping creates a far more professional appearance though. See here please > http://en.support.wordpress.com/visual-editor/#alignment
The alignment icons in the WordPress editor are for aligning text; they are not for aligning images. They are used to achieve wrapping text around images on either the right or left hand side, or to display an image that’s centered without text on either side of it.
Align-left means position left, with the rest of the content wrapping around the right side of the image.
Align-right means position right, with the rest of the content wrapping around the left side of the image.
Align-center means position center, with no wrap-around (= the rest of the content below the image).
If the text beside the images does not occupy the same amount of space that the image beside it does then the text wrapping will continue and the images and text that follow will have a staggered appearance.
To prevent the staggered effect what you do is insert the following snippet of code into the Text (HTML) editor after each image/text pair:
<div style="clear:both;"></div> -
Thanks, that stops the overlapping, but now to get them to float left, caption and all. Ideally I want a mosaic gallery, but then I can’t get the img to link to custom url.
The Other notables section at the end of the page is the main culptrit.
http://acoecore.wordpress.com/educational-technology/lesson-creation-tools/ -
Really the only way I’ve found to control that sort of thing is to use a Table and center everything in the Table. You have to hand code it in HTML.
- The topic ‘images overlapping when float left’ is closed to new replies.
WordPress.com Forums 