cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
schjen
Community Participant

Arranging Graphics and Text on a Page

Jump to solution

Hello! 

I am not finding exactly what I am trying to figure out. What I am wondering is if there is a way to create a "text box" similar to a PowerPoint slide or Google Slide and have graphics intermingled with the text? Perhaps in HTML code? My vision is to have a title, below that and to the left a graphic and then on the right side of the page the text. I considered using a PNG of a slide, but that removes the accessibility by making the text into an image. Perhaps I need to rethink this and it isn't possible. 

Thank you!

Jen S.

0 Kudos
2 Solutions

Accepted Solutions
D_Snow
Community Participant

I've done a similar arrangement by adding a table, positioning text and images in the different cells, and then making the borders invisible. Maybe that would work for you?

Good luck!

View solution in original post

chofer
Community Coach
Community Coach

Hi @schjen ...

Would you be open to something like this?

TextImageLeftAlign.jpg

All I did here was inserted an image at the start of the top paragraph, then I clicked on the image and right-aligned it to the page.  Then, I left-aligned it to the page.  The text kind of wraps around the image.  And, if you are familiar with HTML, you could instead just add this bit of code to the <img> tag:

style="float: left;"

Using tables might be okay in some instances for designing page layout, but tables are really meant more for holding/display data rather than deciding where content should be placed on a page.  And, there are sometimes accessibility concerns with tables.  So, you'll want to keep that in mind as well.

Hope this will help a bit.

View solution in original post

4 Replies
D_Snow
Community Participant

I've done a similar arrangement by adding a table, positioning text and images in the different cells, and then making the borders invisible. Maybe that would work for you?

Good luck!

View solution in original post

schjen
Community Participant

Thank you for the idea! I use tables all the time but hadn't thought of using them for this.

chofer
Community Coach
Community Coach

Hi @schjen ...

Would you be open to something like this?

TextImageLeftAlign.jpg

All I did here was inserted an image at the start of the top paragraph, then I clicked on the image and right-aligned it to the page.  Then, I left-aligned it to the page.  The text kind of wraps around the image.  And, if you are familiar with HTML, you could instead just add this bit of code to the <img> tag:

style="float: left;"

Using tables might be okay in some instances for designing page layout, but tables are really meant more for holding/display data rather than deciding where content should be placed on a page.  And, there are sometimes accessibility concerns with tables.  So, you'll want to keep that in mind as well.

Hope this will help a bit.

View solution in original post

schjen
Community Participant

This is definitely something I am open to. I was trying to use the table idea (which worked phenomenally on one page) and it wasn't putting the image where I wanted it. I am going to put my HTML prowess to work and try the solution you shared. I also appreciate the note on tables and accessibility. I will keep that in mind.  Thank you for another option!