Embedding Still Images

Send by emailSend by email

If you wish to embed still images, please send them to us in GIF or JPG format. We will upload them to our server.

Once we e-mail you that your images have been put in a directory specific to your project, and we open an author's account so that you can log into TC's database and create a new page, you may use the editor built into Drupal (click the "Edit" tab at the top of the page). You can cut and paste your text into the web browser window.

Alternatively, we can code your essay for you once your final text is accepted for publication.

To embed an image, click on the icon of a picture frame as seen in the toolbar located above your text editor:


(In many browsers, if you mouse over the icon found on the toolbar, you will see the text box "Image" appear on your screen, floating above the landscape icon.)

Your link should include something like the following, using the specific parameters we send you.

<img src="/issues/vol1/dorwick/sample.gif">

In the example above, I would be calling an image named "sample.gif" located in the directory for my project ("dorwick") located in the directory for all media for Volume 1 ("vol1").

You can name the jpgs or gifs as you wish. Capitals matter! ("Test.jpg" is NOT the same name as "test.jpg.")

Sample Image:

Technoculture Logo

Here is the code that calls that image:

<img alt="Technoculture Logo" class="floatRight" src="/issues/demo/images/tc_logo.gif">

"demo" is the volume; "images" is the subdirectory specific to your project (usually your last name).

For most texts, use floatRight or floatLeft to embed your image in the text.

We have many custom CSS classes available to TC authors, listed in our TC stylesheet. Here is another example:

Paragraph in red text aligned in the center

This is the HTML code that will create that effect:

<p class="red centertext">Paragraph in red text aligned in the center</p>

Following these conventions should cause your images to appear in a way that is consistent for readers.