Align Text With Image Options

[Judoman]

I have text in a text frame. When I insert a small photo the text drops to the bottom edge of the photo. Is there a way to align the text and/or photo so text will be along the side of the photo starting at the top edge of the photo?

[pandy]

Is the image in the framed document, the one with the text, or is the framing document? Either way we need to see what you've got. Can you link to the framing page?

[Judoman]

I have text in a text frame. When I insert a small photo the text drops to the bottom edge of the photo. Is there a way to align the text and/or photo so text will be along the side of the photo starting at the top edge of the photo?

Can't link as the page is not on the web yet. I'm looking for a way to do this like it's done in WORD. You select a picture then get options to align text various ways around or through the photo.

[pandy]

OK, attach the files to your post then.

[Christian J]

Sounds like you want to float the image with CSS. See for example: https://css-tricks.com/all-about-floats/

Frames in HTML are something different (for loading web pages inside web pages).

[pandy]

Oh. Maybe frame doesn't mean IFRAME as I assumed it did.

[Judoman]

Sounds like you want to float the image with CSS. See for example: https://css-tricks.com/all-about-floats/

Frames in HTML are something different (for loading web pages inside web pages).

This looks like exactly what I'm trying to do. But how do I do it?

Here's the code I see now for the text box:
div#e2 {
position: absolute;
left: 65.25pt;
top: 209.25pt;
width: 879.00pt;
height: 354.75pt;

How do I change it to float using: #sidebar {
float: right;
}

[Christian J]

Here's the code I see now for the text box:
div#e2 {
position: absolute;
left: 65.25pt;
top: 209.25pt;
width: 879.00pt;
height: 354.75pt;

Remove "position: absolute", you can't use that and float on the same element (BTW, the pt unit is better suited for printted media, use px for screens instead).

How do I change it to float using: #sidebar {
float: right;
}

What does the HTML of the text box and photo look like?