On 2008-04-25, Geoff Cox <gcox@freeuk.notcom> wrote:
> Hello,
>
> I have the code below in which the play1.gif image is visible and when
> the associated sound has been played the the 2 images same1.gif and
> different1.gif appear. Once one of these has been selected the 3
> images and the title disappear and the second title and play image
> appear etc.
>
> Problem is that for sucessive Test titles the titles and the
> associated images move down the page. I am using the following css.
>
> .hiddenDiv2 {
> display: none;
> }
> .visibleDiv2{
> display: block;
> }
>
> Is it possible to keep the successive titles and images in the same
> place on the page?

It sounds like you want to use

..hiddenDiv2 {
visibility: hidden;
}
..visibleDiv2{
visible: visible;
}

instead. Display: none makes the element disappear, which alters the
position of other elements. Visibility: hidden just makes it invisible.