Hello,

I have a series of <div> blocks which I want to appear in the same
position on the page, one after the other.

Can I do this with css/javascript?

At the moment one <div> block is visible and the other 3 invisible.
Once the first block has been used I want it to become invisible and
the second block to become visible and take its place on the page.

I can do the visible/invisible bit but the problem at the moment is
that each <div> occupies its own space and successive blocks, when
they are made visible, move along the page.

Cheers

Geoff

On 2008-04-16, Geoff Cox <gcox@freeuk.notcom> wrote:
> Hello,
>
> I have a series of <div> blocks which I want to appear in the same
> position on the page, one after the other.
>
> Can I do this with css/javascript?
>
> At the moment one <div> block is visible and the other 3 invisible.
> Once the first block has been used I want it to become invisible and
> the second block to become visible and take its place on the page.
>
> I can do the visible/invisible bit but the problem at the moment is
> that each <div> occupies its own space and successive blocks, when
> they are made visible, move along the page.

There are various ways to do this but one is to switch them between
display:block and display:none rather than between visibility:visible
and visibility:hidden.

If something's display:none then it's as though it weren't there at all.

On Wed, 16 Apr 2008 02:25:17 -0500, Ben C <spamspam@spam.eggs> wrote:


>> I can do the visible/invisible bit but the problem at the moment is
>> that each <div> occupies its own space and successive blocks, when
>> they are made visible, move along the page.
>
>There are various ways to do this but one is to switch them between
>display:block and display:none rather than between visibility:visible
>and visibility:hidden.
>
>If something's display:none then it's as though it weren't there at all.

Thanks a lot! Works as wished for.

Cheers

Geoff