Please wrap all post images with a consistent tag! Not divs AND p
Right now images are wrapped in paragraph tags – unless they have a caption, then they are wrapped in a div – which makes it awfully hard to set different style behaviors for images and text.
I’m trying to design a feature for my client where he can post two images side by side in a post – using align left and align right.
Trying to account for all the variables in this process (two images side by side with captions, two side by side without, one with one without, followed by text, followed by more images, etc….) it is extremely hard to figure out how to do this when images with captions are wrapped in a div tag, and images without are wrapped in a paragraph tag.
The floating images and text produce some unpredictable display behavior. Especially if you’re trying to make two images side-by-side start at the same horizontal point – If the row above it is two images, one without a caption or different heights, they will begin staggered vertically – if text follows this example it will try to wrap.
Please wrap text in paragraph tags and images in divs – whether or not they have a caption! It will be so much easier to style!
- The topic ‘Please wrap all post images with a consistent tag! Not divs AND p’ is closed to new replies.