Engineering Rome

Editing Help

Some basic help pages for editing:

Once you get the hand of editing using the editing bar, try switching to wikitext; it’s faster once you learn it. Here is some help with that:

An example of a table used to hold 2 pictures and their captions. Works better than the automatic picture captions when it comes to formatting.

Figure 1: Bailey cheers on Roma…with an upside-down scarf!
(photo by Mark Stone, 2017)
Figure 2: It is fun to wait for the bus in Rome. I think we were
waiting for the 280 to go to the game.
(photo by Mark Stone, 2017)

Note a few things about this table:

  • The pictures look nice together because they have the same height
  • The table column widths are controlled by the widest thing in them. In this case, the pictures. The captions, in row 2, use hard returns to break them up into multiple lines.
  • Captions are never wider than the picture.
  • The captions are done in a separate table cell and are not integral to the picture. Better control over the finished look that way. At least for normal computer screens. If you put the caption in the picture markup, then it runs on as long as the page or table cell and usually gets wider than the picture. Ugly.
  • Each picture is labeled (e.g., “Figure 1:…”)
  • Picture captions are in bold.
  • Photos are attributed to the photographer.
  • Each picture is 500 px wide. This makes them fit on a monitor that is 1024 px wide. What I might consider a good low-end monitor width.
  • The table doesn’t infinitely scale based on browser width. So if you have a small screen in which you are viewing this, the pictures may run off the right edge. Surely it’s a compromise.

Follow us

Don't be shy, get in touch. We love meeting interesting people and making new friends.