CSS q re a testimonial page set up
Out of context: Reply #9
- Started
- Last post
- 19 Responses
- seeessess0
* {margin:0; padding:0}
#content {margin: 0 0 0 14px; padding:0 width:925px;}
.holder {margin:0 0 20px 0; min-height:200px; height:200px; position:relative; padding:0 0 0 210px}
.holder img {position:absolute; top:10px; left:10px; width:195px; border: 0;}--------------
<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>- <dMullins
- Wouldnt the position absolute take it out the flow so the wrapper wouldnt use it if the image was lower than the text?
JamesBoynton - Not sure if I understand James. If the op wanted text wrapping around the image then float:left would be used on .holder img.seeessess
- .holder img (would be good to be notified that you have typed your maximum word count here.seeessess
- A q,? Why do you put pos: relative first and then position aboslute in ,holder img. DO we need pos: relayive?numero1