Sent by Val Dobson on 20 October 2009 19:07
The p tag should only be used for styling text.
For a block of images, try using an unordered list within a div, using
css to style all the tags:
...<div class="gallery">
<ul>
<li>
<img src="images/image1.jpg" />
<h6>caption</h6>
</li>
<li>
<img src="images/image2.jpg" />
<h6>caption</h6>
</li>
</ul></div>
Using H tags automatically puts the caption on another line.
Val
2009/10/20 [EMAIL-REMOVED]>:
> Apparently, I cannot have <div>...</div> tags within<p>...</p> tags, as in
>
> <p>second batch, part 1
> <div><img src="/photo/tinkerbell/Dom.jpg" alt="Tinkerbell recordings Dom" /><br />Dom</div>
> <div><img src="/photo/tinkerbell/RichBrendan.jpg" alt="Tinkerbell recordings Rich and Brendan"
/><br />Rich and Brendan</div></p>
>
> How then, can I keep the captions together with the photos?
>
> Bruce
>
---------------------------
www.oakleafcircle.org.uk
www.valdobson.co.uk
www.astrodiary.co.uk
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
