How do I

Barnum · August 15, 2010, 6:55pm

How do I get the ingredients to the left and the photo to the immediate right?
Can never remember how to do this…

<p>Did the dumbest thing the other day…weather was hot, with temps in the 105 range, and I decided I felt like some hearty stew. So…I made it. My favorite
stew recipe uses Barley, and suspect that’s because it’s similar to pasta. In any case here it is…</p>
</i>
<h1><center>Beef Barley Stew</center></h1>
<br>
<p>Ingredients</p>

<li>1 1/2 lbs. lean beef, cut into 1/2 inch cubes</li>
<li>1 medium onion, chopped</li>
<li>1 tablespoon cooking oil</li>
<li>6 cups beef broth</li>
<li>1 cup barley</li>
<li>1 teaspoon thyme</li>
<li>1/2 teaspoon marjoram</li>
<li>1/4 teaspoon crushed rosemary</li>
<li>1/4 teaspoon pepper</li>
<li>4 carrots sliced</li>
<li>2 tablespoons fresh parsley, chopped</li>
</ol>

<table class=“image” align=“center” >
<tr>
<td><img src=“images/BeefBarley.jpg” height=“450” width=“600” border="4"alt=“Beef Barley Stew”>
</td>
</tr>
<tr>
<td class=“caption”><center><b>Beef Barley Stew</b></center></td>
</tr>
</table>
<i>
<p>Instructions:</p>
<br>
<p>1. Brown mean and onion in oil</p>
<p>2. Put into a deep pan along with the broth, barley, thyme, marjoram, rosemary, pepper and carrots</p>
<p>3. Bring to a boil, reduce the heat; cover and simmer for 1 hour or until carrots and barley are tender.</p>
<p>4. Add parsley before serving.</p>

</ul>

Stevie_D · August 15, 2010, 10:03pm

Put the <img> before the <ol>, and give it float:right;

Some other tips:

Please put your code in [ code=“html4” ]…[ /code ] blocks, so that it renders as code, not just normal text, it makes it easier to see what’s code and what’s your message. While you’re at it, taking out all those blank lines at the end would be handy too.
You’ve got a </i> before the <h1> that has no business being there. You’ve then got an <i> later on that shouldn’t be there either.
What’s with <h1><center>? That should be in the CSS. Likewise all that rubbish you’ve got around the <h2> further down. If it’s a heading, all it needs is the <h*>…</h*>.
Your ingredients and instructions should be headings, not paragraphs.
Your numbered paragraphs under ‘Instructions’ should be an <ol> (you’ve used it once already, so don’t tell us you don’t know how to!)
Rather than 1/2, it looks much better if you use ½ to get ½.

<p>Did the dumbest thing the other day…weather was hot, with temps in the 105 range, and I decided I felt like some hearty stew. So…I made it. My favorite
stew recipe uses Barley, and suspect that’s because it’s similar to pasta. In any case here it is…</p>
</i>
<h1><center>Beef Barley Stew</center></h1>
<br>
<p>Ingredients</p>

<li>1 1/2 lbs. lean beef, cut into 1/2 inch cubes</li>
<li>1 medium onion, chopped</li>
<li>1 tablespoon cooking oil</li>
<li>6 cups beef broth</li>
<li>1 cup barley</li>
<li>1 teaspoon thyme</li>
<li>1/2 teaspoon marjoram</li>
<li>1/4 teaspoon crushed rosemary</li>
<li>1/4 teaspoon pepper</li>
<li>4 carrots sliced</li>
<li>2 tablespoons fresh parsley, chopped</li>
</ol>

<table class=“image” align=“center” >
<tr>
<td><img src=“images/BeefBarley.jpg” height=“450” width=“600” border="4"alt=“Beef Barley Stew”>
</td>
</tr>
<tr>
<td class=“caption”><center><b>Beef Barley Stew</b></center></td>
</tr>
</table>
<i>
<p>Instructions:</p>
<br>
<p>1. Brown mean and onion in oil</p>
<p>2. Put into a deep pan along with the broth, barley, thyme, marjoram, rosemary, pepper and carrots</p>
<p>3. Bring to a boil, reduce the heat; cover and simmer for 1 hour or until carrots and barley are tender.</p>
<p>4. Add parsley before serving.</p>

</ul>

Barnum · August 16, 2010, 11:33pm

Thank you for the critique, and I will work to correct my many errors… I tried the float: right; and I am still not able to get my photo aligned with the text. Perhaps I am doing it wrong. I just want lateral movement, text and photo, not vertical.

I know I am probably not explaining myself all that well, and I apologize. I am still hacking my way through all this.