Layout - again!

Student wants the layout of the images to be at the top right, aligned along the top with the text. We tried the float top CSS but didn’t work. Ideas??

Hi @GordonBrune,

Ah yes - my students will often ask for layouts like this where the image is directly aligned with the related text. There is more than one way to accomplish this. It isn’t in the curriculum as the intent of the HTML unit in CSD is to just introduce web pages and styling to students. I would suggest one of two ways:

  • The first is to use a 2 column table. It is not the best way to layout a page but it is a useful skill for kids to learn if they are motivated and a table is easy to understand.
  • Another tool is to basically use a table format but use DIVs to align the blocks of content.

There are other ways but these two are probably the most straightforward.

Good luck!

1 Like