Posted by Jonathan N. Little on 07/13/06 19:58

Michael Laplante wrote:
> "Michael Laplante" <nowhereman@twilightzone.net> wrote in message
> news:F4wtg.140115$771.108924@edtnps89...
>> This is probably an easy thing that I'm overlooking.
>
> Belay all. Solved the issue -- using a block level element inside another.
> Using <b> instead of <h2> solves the problem.
>

Sort of your problem was trying to put a *block* element inside an
*inline* element. A standard class for me (I use combination of 2
classes to float images left or right...

STYLE:
..pixbox {
margin-bottom: 1em; padding: 1em; border: 1px solid black;
color: black; background-color: silver;
font-size: .8em; font-family: arial, helvetica, sans-serif;
}
..pixbox IMG { display: block; margin: auto; }
..pushright { float: right; margin-left: 1em; }
..pushleft { float: left; margin-right: 1em; }



CODE:

<div class="pixbox pushright">
<img src="somepix.jpg" alt=My Pix">
The caption for pix floated right
</div>


or

<div class="pixbox pushleft">
<img src="somepix.jpg" alt=My Pix">
The caption for pix floated left
</div>


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]