CSS q re a testimonial page set up
Out of context: Reply #12
- Started
- Last post
- 19 Responses
- numero10
Foolowing seeesses suggestion I came up with this. And it works in Firefox, I havent seen it on IE.
The HTML:
<div id="container">
<div id="header">
...
</div><div id="content">
<h2>Testimonials</h2>
<h3>Here are some comments</h3><div class="holder">
<img src="images/test.jpg" alt="" />
<p>Hi Peter,<br />
Just wanted to say thank you so very much for being our celebrant on Saturday, and for everything that you did for us in the lead up to the big day. Being <br />
with the move to your new house, and also with your future celebrant work.</p>
<p>Regards,<br />
Dave & Jill</p>
</div><div class="holder">
<img src="images/test.jpg" alt="" />
<p>Hi Peter,<br />
Just wanted to say thank you so very much for being our celebrant on Saturday, and for everything that you did for us in the lead up to the big day. Being <br />
with the move to your new house, and also with your future celebrant work.</p>
<p>Regards,<br />
Dave & Jill</p>
</div></div>
</div>And the CSS:
.holder {
position: relative;
margin: 0 0 1em 0;
min-height: 200px;
padding: 0 0 0 227px;
}.holder img {
position: absolute;
top: 0;
left: 0;
width:195px;
border: 12px solid #eee;
}Thanks to everyone for their help! Cheers!