simple css layout help - please!

I want the text next to the photo that it corresponds to:
http://www.barmannphotography.com/testimonials2.php

Here are the classes:
..testimonial-box {
margin: 0px 150px 0px 150px;
background: black;
border-bottom: 1px dotted #777777;
}


..testimonial-box img {
padding:2px;
border: none;
background:white;
/* float:right; */
margin-right: 15px;
margin-bottom:25px;
}

I commented out the float:right, which really made things wacky.


And here is the html:

<div class="testimonial-box">

Hi Tim,<br/>
Your photos are all ... more text here
<br/>- Danielle M., Farmington, Conn.
<img src="/images/d-w1.jpg">

</div>

<div class="testimonial-box">
<img src="/images/s-d1.jpg">
Daniel and I love the pictures .... more text here.
</div>


Please help!

Thanks.

timmyb wrote:

On Sep 21, 12:39 pm, John Hosking wrote:

[My apparent wonderfulness, previously quoted in full, snipped]

John,
Thanks so much for your help.

You're welcome. In future don't quote the full post, only the items
you're directly commenting on. You can (and should) always snip the
signatures.

This is example what I was hoping to
figure out. Can I ask you one more question -- I am having trouble
center the navigation bar on this page:

http://www.barmannphotography.com/index1-test.php

Here's one recipe:
1. Get rid of the float:left's (selectors #menuh and #menuh ul)
2. Add display:inline; to #menuh li
3. Take the display:block; out of #menuh a
4. Remove width:7em from #menuh ul
5. Trim your XHTML so that the list items aren't each contained
individually in their own unordered list. You do this already for the
second-level items, but the first-level <li> elements (Home, Rates,
Galleries, etc.) aren't siblings on your page, as they should be;
they're more like cousins. Try it like:

<ul id="navlist">
<li><a href="/index.php" class="top_parent">Home</a></li>
<li><a href="#" class="top_parent">Rates</a>
<ul>
<li><a href="/wedding-rates.php">Weddings</a></li>
<li><a href="/barmitzvah-rates.php">Bar Mitzvahs</a></li>
<li><a href="/senior-rates.php">Senior Portraits</a></li>
<li><a href="/album-rates.php">Albums</a></li>
<li><a href="/slideshow-rates.php">Slideshows</a></li>
</ul>
</li>
<li><a href="#" class="top_parent">Galleries</a>
<ul>
<li><a href="/wedding-gallery.php">Weddings</a></li>
<li><a href="/barmitzvah-gallery.php">Bar Mitzvahs</a></li>
</ul>
</li>
<li><a href="/raves.php" class="top_parent">Raves</a></li>
<li><a href="/clients.php">Client proofs</a></li>
<li><a href="/about.php">About</a></li>
<li><a href="/contact.php">Contact</a></li>
</ul>

I think that's everything; I hope I have left something out. I will
leave it to you to determine what each of my suggested steps do, and you
will also have to tweak the margins or padding for the menu items.
Remember to test in FF and IE browsers, because they don't all line
things up the same.

GL


--
John
Pondering the value of the UIP: http://improve-usenet.org/