I am very new to CSS, so please forgive me if this is a silly question.
I have tried many of the suggestions listed on this site for floating images and setting multiple inline images on a single page, but haven’t been able to get the suggestions to work how I’d like when I load my html page. The first graphic aligns to the right properly. The second displays the image in the correct location but the text does not wrap around it. Instead, it appears below the image.
The graphic and text displays properly in IE 6 and IE 7, but displays incorrectly in FF 3.x and Safari 3.x.
I have a feeling I’m missing something simple in my CSS.
I will include a copy of the CSS in a separate post. It’s too long to post with the html.
The HTML file content is displayed below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Module 1 Overview</title>
<link rel="stylesheet" type="text/css" href="styles/aborig-styles.css">
</head>
<body>
<div id="container">
<!-- HEADER -->
<div id="header">
<ul class="one">
<li>Knowledge</li>
<li>Respect</li>
<li>Understanding</li>
<li>Honesty</li>
</ul>
<div class="breadCrumbs">
<a href="title1.html">Introduction</a> >
<a href="title1toc.html">Table of Contents</a> >
Module 1 Overview
</div>
</div>
<!-- MIDDLE -->
<div id="middle">
<div id="content">
<h1>Introduction: Module 1</h1>
<img src="images/eagle.png" class="rightImage" />
<p class="captionRight">
</p>
<p><strong>Module 1: Open My Hands to...</strong></p>
<p><img src="images/icon02-184x184.png" class="leftImage" /> You will notice that each of these titles is purposely left open for you to fill in the final word or statement. <font color="blue">As we move through the course, this statement isn't accurate. May want to consider revising.</font>The intent of the first module is to explore the true nature of preparation for sharing a learning experience with another person. We can only learn what we are willing to receive. If we come with an attitude that there is nothing I can learn from you, we have already established a barrier, haven't we? As in the classroom, to learn in an Aboriginal way is to be open to possibility. As mentioned before, the idea of open hands provides us with an action to receive from another. Think about this in terms of our way of knowing. Have I already created a barrier because of my gender, age, experiences, or level of education?</p>
<p>Open My Hands is a challenge to be vulnerable, to be strong, to be honest, and to be teachable?</p>
</p>
<p class="nextPage"><a href="title1content4.html">Next >>></a></p>
</div>
</div>
</body>
</html>