On Fri, 25 Apr 2008 16:38:00 -0500, Ben C <spamspam@spam.eggs> wrote:

>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;
>}

Ben,

the snag with above is that the successive tests and images move down
the page - the block idea keeps them in the same place ...

Cheers

Geoff



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