thr3ads.net - Rails spinoffs - DIV''s being pushed around. [Aug 2007]

If this information is useful, please help other people find it:
Share via:

Simon

2007-Aug-07 22:14 UTC

DIV''s being pushed around.

Hi,

I have a page with around a dozen DIV Layers, all ''relatively''
positioned. My issue is when one layer is "deleted" (By this I just
mean the DIV Layer''s ''display'' is changed to
''none''), the other DIV
Layers move up.

I don''t understand why this happens. The only time it doesn''t
happen
is when I use the Javascript "new Insertion.Bottom". I use this in my
script, but this creates another issue which you can read about below.

When I use "new Insertion.Bottom("div", content)", all the
other DIV''s
get pushed down as a new one has been added.

Do you have any ideas of how I can stop this from happening?

Thanks
Simon

P.S: An example of one of the DIV''s is:

"<div id="sticker-1" title="1"
class="sticker_cactus" style=''position:
relative; left: 54px; top: 190px; z-index: 317; ''
onClick="zIndex(this);"><img src="store/images/
delete_entry_button.gif" align="right" href="#"
onclick="remove_sticker(''sticker-1'');"
/></div>"


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Brian Williams

2007-Aug-07 22:20 UTC

head link

Re: DIV''s being pushed around.

Hi,

pretty much a CSS novice here but i think thats how the display:none works
-- iirc "none" takes up zero space in the "workspace"

I think display:hidden is what you are after.

after that i have no clue


On 8/7/07, Simon <ifoundaway-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:>
>
> Hi,
>
> I have a page with around a dozen DIV Layers, all
''relatively''
> positioned. My issue is when one layer is "deleted" (By this I
just
> mean the DIV Layer''s ''display'' is changed to
''none''), the other DIV
> Layers move up.
>
> I don''t understand why this happens. The only time it
doesn''t happen
> is when I use the Javascript "new Insertion.Bottom". I use this
in my
> script, but this creates another issue which you can read about below.
>
> When I use "new Insertion.Bottom("div", content)", all
the other DIV''s
> get pushed down as a new one has been added.
>
> Do you have any ideas of how I can stop this from happening?
>
> Thanks
> Simon
>
> P.S: An example of one of the DIV''s is:
>
> "<div id="sticker-1" title="1"
class="sticker_cactus" style=''position:
> relative; left: 54px; top: 190px; z-index: 317; ''
> onClick="zIndex(this);"><img src="store/images/
> delete_entry_button.gif" align="right" href="#"
> onclick="remove_sticker(''sticker-1'');"
/></div>"
>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Tom Gregory

2007-Aug-07 22:20 UTC

head link

Re: DIV''s being pushed around.

I don''t see anything here that isn''t working as it''s
supposed to.

In CSS, position:relative is not relative to the div''s parent
(that''s
position:absolute, if the parent is also positioned)--so as the  
document flow changes, the div position would naturally change as well.


TAG

On Aug 7, 2007, at 4:14 PM, Simon wrote:
>
> Hi,
>
> I have a page with around a dozen DIV Layers, all
''relatively''
> positioned. My issue is when one layer is "deleted" (By this I
just
> mean the DIV Layer''s ''display'' is changed to
''none''), the other DIV
> Layers move up.
>
> I don''t understand why this happens. The only time it
doesn''t happen
> is when I use the Javascript "new Insertion.Bottom". I use this
in my
> script, but this creates another issue which you can read about below.
>
> When I use "new Insertion.Bottom("div", content)", all
the other DIV''s
> get pushed down as a new one has been added.
>
> Do you have any ideas of how I can stop this from happening?
>
> Thanks
> Simon
>
> P.S: An example of one of the DIV''s is:
>
> "<div id="sticker-1" title="1"
class="sticker_cactus" style=''position:
> relative; left: 54px; top: 190px; z-index: 317; ''
> onClick="zIndex(this);"><img src="store/images/
> delete_entry_button.gif" align="right" href="#"
> onclick="remove_sticker(''sticker-1'');"
/></div>"
>
>
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Tom Gregory

2007-Aug-07 22:24 UTC

head link

Re: [OT] [CSS] DIV''s being pushed around.

Close.  You are correct that display:none removes elements from the  
visual flow. The property that hides them while maintaining visual  
flow is visibility:visible and visibility:hidden.


TAG

On Aug 7, 2007, at 4:20 PM, Brian Williams wrote:
> Hi,
>
> pretty much a CSS novice here but i think thats how the  
> display:none works -- iirc "none" takes up zero space in the  
> "workspace"
>
> I think display:hidden is what you are after.
>
> after that i have no clue
>
>
> On 8/7/07, Simon <ifoundaway-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:
>
> Hi,
>
> I have a page with around a dozen DIV Layers, all
''relatively''
> positioned. My issue is when one layer is "deleted" (By this I
just
> mean the DIV Layer''s ''display'' is changed to
''none''), the other DIV
> Layers move up.
>
> I don''t understand why this happens. The only time it
doesn''t happen
> is when I use the Javascript "new Insertion.Bottom". I use this
in my
> script, but this creates another issue which you can read about below.
>
> When I use "new Insertion.Bottom("div", content)", all
the other DIV''s
> get pushed down as a new one has been added.
>
> Do you have any ideas of how I can stop this from happening?
>
> Thanks
> Simon
>
> P.S: An example of one of the DIV''s is:
>
> "<div id="sticker-1" title="1"
class="sticker_cactus" style=''position:
> relative; left: 54px; top: 190px; z-index: 317; ''
> onClick="zIndex(this);"><img src="store/images/
> delete_entry_button.gif" align="right" href="#"
> onclick="remove_sticker(''sticker-1'');"
/></div>"
>
>
>
>
>
>
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Simon

2007-Aug-08 12:46 UTC

head link

Re: [OT] [CSS] DIV''s being pushed around.

Ah! Fantastic, I''ll try ''visibility'' now! Thanks a
lot all of you! :)

On 7 Aug, 23:24, Tom Gregory <t...-PGZyUNKar/Q@public.gmane.org>
wrote:> Close.  You are correct that display:none removes elements from the
> visual flow. The property that hides them while maintaining visual
> flow is visibility:visible and visibility:hidden.
>
> TAG
>
> On Aug 7, 2007, at 4:20 PM, Brian Williams wrote:
>
> > Hi,
>
> > pretty much a CSS novice here but i think thats how the
> > display:none works -- iirc "none" takes up zero space in the
> > "workspace"
>
> > I think display:hidden is what you are after.
>
> > after that i have no clue
>
> > On 8/7/07, Simon
<ifounda...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > Hi,
>
> > I have a page with around a dozen DIV Layers, all
''relatively''
> > positioned. My issue is when one layer is "deleted" (By this
I just
> > mean the DIV Layer''s ''display'' is changed
to ''none''), the other DIV
> > Layers move up.
>
> > I don''t understand why this happens. The only time it
doesn''t happen
> > is when I use the Javascript "new Insertion.Bottom". I use
this in my
> > script, but this creates another issue which you can read about below.
>
> > When I use "new Insertion.Bottom("div", content)",
all the other DIV''s
> > get pushed down as a new one has been added.
>
> > Do you have any ideas of how I can stop this from happening?
>
> > Thanks
> > Simon
>
> > P.S: An example of one of the DIV''s is:
>
> > "<div id="sticker-1" title="1"
class="sticker_cactus" style=''position:
> > relative; left: 54px; top: 190px; z-index: 317; ''
> > onClick="zIndex(this);"><img src="store/images/
> > delete_entry_button.gif" align="right"
href="#"
> > onclick="remove_sticker(''sticker-1'');"
/></div>"

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Simon

2007-Aug-08 13:07 UTC

head link

Re: [CSS] DIV''s being pushed around.

Ok, that worked fine.

But I have just realised, I was hoping to use "Effect.Fade" on the
divs, but this uses the ''Display'' attribute doesn''t
it? Is there any
way I can use "Effect.Fade" without making the other DIVs move around?

Thanks a lot!
-Simon

On 8 Aug, 13:46, Simon
<ifounda...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:> Ah! Fantastic, I''ll try ''visibility'' now! Thanks
a lot all of you! :)
>
> On 7 Aug, 23:24, Tom Gregory <t...-PGZyUNKar/Q@public.gmane.org>
wrote:
>
> > Close.  You are correct that display:none removes elements from the
> > visual flow. The property that hides them while maintaining visual
> > flow is visibility:visible and visibility:hidden.
>
> > TAG
>
> > On Aug 7, 2007, at 4:20 PM, Brian Williams wrote:
>
> > > Hi,
>
> > > pretty much a CSS novice here but i think thats how the
> > > display:none works -- iirc "none" takes up zero space
in the
> > > "workspace"
>
> > > I think display:hidden is what you are after.
>
> > > after that i have no clue
>
> > > On 8/7/07, Simon
<ifounda...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> > > Hi,
>
> > > I have a page with around a dozen DIV Layers, all
''relatively''
> > > positioned. My issue is when one layer is "deleted" (By
this I just
> > > mean the DIV Layer''s ''display'' is
changed to ''none''), the other DIV
> > > Layers move up.
>
> > > I don''t understand why this happens. The only time it
doesn''t happen
> > > is when I use the Javascript "new Insertion.Bottom". I
use this in my
> > > script, but this creates another issue which you can read about
below.
>
> > > When I use "new Insertion.Bottom("div",
content)", all the other DIV''s
> > > get pushed down as a new one has been added.
>
> > > Do you have any ideas of how I can stop this from happening?
>
> > > Thanks
> > > Simon
>
> > > P.S: An example of one of the DIV''s is:
>
> > > "<div id="sticker-1" title="1"
class="sticker_cactus" style=''position:
> > > relative; left: 54px; top: 190px; z-index: 317; ''
> > > onClick="zIndex(this);"><img
src="store/images/
> > > delete_entry_button.gif" align="right"
href="#"
> > >
onclick="remove_sticker(''sticker-1'');"
/></div>"

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Thomas Fuchs

2007-Aug-08 13:16 UTC

head link

Re: [CSS] DIV''s being pushed around.

$(''blah'').morph(''opacity:0'',{ /*/options*/
});


Am 08.08.2007 um 15:07 schrieb Simon:
>
> Ok, that worked fine.
>
> But I have just realised, I was hoping to use "Effect.Fade" on
the
> divs, but this uses the ''Display'' attribute
doesn''t it? Is there any
> way I can use "Effect.Fade" without making the other DIVs move
around?
>
> Thanks a lot!
> -Simon
>
> On 8 Aug, 13:46, Simon
<ifounda...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>> Ah! Fantastic, I''ll try ''visibility'' now!
Thanks a lot all of you! :)
>>
>> On 7 Aug, 23:24, Tom Gregory <t...-PGZyUNKar/Q@public.gmane.org>
wrote:
>>
>>> Close.  You are correct that display:none removes elements from the
>>> visual flow. The property that hides them while maintaining visual
>>> flow is visibility:visible and visibility:hidden.
>>
>>> TAG
>>
>>> On Aug 7, 2007, at 4:20 PM, Brian Williams wrote:
>>
>>>> Hi,
>>
>>>> pretty much a CSS novice here but i think thats how the
>>>> display:none works -- iirc "none" takes up zero space
in the
>>>> "workspace"
>>
>>>> I think display:hidden is what you are after.
>>
>>>> after that i have no clue
>>
>>>> On 8/7/07, Simon
<ifounda...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>>
>>>> Hi,
>>
>>>> I have a page with around a dozen DIV Layers, all
''relatively''
>>>> positioned. My issue is when one layer is "deleted"
(By this I just
>>>> mean the DIV Layer''s ''display'' is
changed to ''none''), the other DIV
>>>> Layers move up.
>>
>>>> I don''t understand why this happens. The only time it
doesn''t
>>>> happen
>>>> is when I use the Javascript "new Insertion.Bottom".
I use this
>>>> in my
>>>> script, but this creates another issue which you can read about
>>>> below.
>>
>>>> When I use "new Insertion.Bottom("div",
content)", all the other
>>>> DIV''s
>>>> get pushed down as a new one has been added.
>>
>>>> Do you have any ideas of how I can stop this from happening?
>>
>>>> Thanks
>>>> Simon
>>
>>>> P.S: An example of one of the DIV''s is:
>>
>>>> "<div id="sticker-1" title="1"
class="sticker_cactus"
>>>> style=''position:
>>>> relative; left: 54px; top: 190px; z-index: 317; ''
>>>> onClick="zIndex(this);"><img
src="store/images/
>>>> delete_entry_button.gif" align="right"
href="#"
>>>>
onclick="remove_sticker(''sticker-1'');"
/></div>"
>
>
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Simon

2007-Aug-08 13:18 UTC

head link

Re: [CSS] DIV''s being pushed around.

That''s EXACTLY what I needed! Thanks loads!

I''m only 15, so I''m having a little of trouble when it comes
to JS :P

Thanks again!,
Simon

On 8 Aug, 14:16, Thomas Fuchs
<t.fu...-moWQItti3gBl57MIdRCFDg@public.gmane.org>
wrote:> $(''blah'').morph(''opacity:0'',{
/*/options*/ });
>
> Am 08.08.2007 um 15:07 schrieb Simon:
>
>
>
>
>
>
>
> > Ok, that worked fine.
>
> > But I have just realised, I was hoping to use "Effect.Fade"
on the
> > divs, but this uses the ''Display'' attribute
doesn''t it? Is there any
> > way I can use "Effect.Fade" without making the other DIVs
move around?
>
> > Thanks a lot!
> > -Simon
>
> > On 8 Aug, 13:46, Simon
<ifounda...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
> >> Ah! Fantastic, I''ll try ''visibility''
now! Thanks a lot all of you! :)
>
> >> On 7 Aug, 23:24, Tom Gregory
<t...-PGZyUNKar/Q@public.gmane.org> wrote:
>
> >>> Close.  You are correct that display:none removes elements
from the
> >>> visual flow. The property that hides them while maintaining
visual
> >>> flow is visibility:visible and visibility:hidden.
>
> >>> TAG
>
> >>> On Aug 7, 2007, at 4:20 PM, Brian Williams wrote:
>
> >>>> Hi,
>
> >>>> pretty much a CSS novice here but i think thats how the
> >>>> display:none works -- iirc "none" takes up zero
space in the
> >>>> "workspace"
>
> >>>> I think display:hidden is what you are after.
>
> >>>> after that i have no clue
>
> >>>> On 8/7/07, Simon
<ifounda...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>
> >>>> Hi,
>
> >>>> I have a page with around a dozen DIV Layers, all
''relatively''
> >>>> positioned. My issue is when one layer is
"deleted" (By this I just
> >>>> mean the DIV Layer''s ''display''
is changed to ''none''), the other DIV
> >>>> Layers move up.
>
> >>>> I don''t understand why this happens. The only
time it doesn''t
> >>>> happen
> >>>> is when I use the Javascript "new
Insertion.Bottom". I use this
> >>>> in my
> >>>> script, but this creates another issue which you can read
about
> >>>> below.
>
> >>>> When I use "new Insertion.Bottom("div",
content)", all the other
> >>>> DIV''s
> >>>> get pushed down as a new one has been added.
>
> >>>> Do you have any ideas of how I can stop this from
happening?
>
> >>>> Thanks
> >>>> Simon
>
> >>>> P.S: An example of one of the DIV''s is:
>
> >>>> "<div id="sticker-1" title="1"
class="sticker_cactus"
> >>>> style=''position:
> >>>> relative; left: 54px; top: 190px; z-index: 317; ''
> >>>> onClick="zIndex(this);"><img
src="store/images/
> >>>> delete_entry_button.gif" align="right"
href="#"
> >>>>
onclick="remove_sticker(''sticker-1'');"
/></div>"

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Thomas Fuchs

2007-Aug-08 13:23 UTC

head link

Re: [CSS] DIV''s being pushed around.

You''re welcome. :)

Best,
Thomas

Am 08.08.2007 um 15:18 schrieb Simon:
>
> That''s EXACTLY what I needed! Thanks loads!
>
> I''m only 15, so I''m having a little of trouble when it
comes to JS :P
>
> Thanks again!,
> Simon
>
> On 8 Aug, 14:16, Thomas Fuchs
<t.fu...-moWQItti3gBl57MIdRCFDg@public.gmane.org> wrote:
>> $(''blah'').morph(''opacity:0'',{
/*/options*/ });
>>
>> Am 08.08.2007 um 15:07 schrieb Simon:
>>
>>
>>
>>
>>
>>
>>
>>> Ok, that worked fine.
>>
>>> But I have just realised, I was hoping to use
"Effect.Fade" on the
>>> divs, but this uses the ''Display'' attribute
doesn''t it? Is there any
>>> way I can use "Effect.Fade" without making the other DIVs
move
>>> around?
>>
>>> Thanks a lot!
>>> -Simon
>>
>>> On 8 Aug, 13:46, Simon
<ifounda...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>>>> Ah! Fantastic, I''ll try ''visibility''
now! Thanks a lot all of
>>>> you! :)
>>
>>>> On 7 Aug, 23:24, Tom Gregory
<t...-PGZyUNKar/Q@public.gmane.org> wrote:
>>
>>>>> Close.  You are correct that display:none removes elements
from
>>>>> the
>>>>> visual flow. The property that hides them while maintaining
visual
>>>>> flow is visibility:visible and visibility:hidden.
>>
>>>>> TAG
>>
>>>>> On Aug 7, 2007, at 4:20 PM, Brian Williams wrote:
>>
>>>>>> Hi,
>>
>>>>>> pretty much a CSS novice here but i think thats how the
>>>>>> display:none works -- iirc "none" takes up
zero space in the
>>>>>> "workspace"
>>
>>>>>> I think display:hidden is what you are after.
>>
>>>>>> after that i have no clue
>>
>>>>>> On 8/7/07, Simon
<ifounda...-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:
>>
>>>>>> Hi,
>>
>>>>>> I have a page with around a dozen DIV Layers, all
''relatively''
>>>>>> positioned. My issue is when one layer is
"deleted" (By this I
>>>>>> just
>>>>>> mean the DIV Layer''s
''display'' is changed to ''none''), the
>>>>>> other DIV
>>>>>> Layers move up.
>>
>>>>>> I don''t understand why this happens. The only
time it doesn''t
>>>>>> happen
>>>>>> is when I use the Javascript "new
Insertion.Bottom". I use this
>>>>>> in my
>>>>>> script, but this creates another issue which you can
read about
>>>>>> below.
>>
>>>>>> When I use "new Insertion.Bottom("div",
content)", all the other
>>>>>> DIV''s
>>>>>> get pushed down as a new one has been added.
>>
>>>>>> Do you have any ideas of how I can stop this from
happening?
>>
>>>>>> Thanks
>>>>>> Simon
>>
>>>>>> P.S: An example of one of the DIV''s is:
>>
>>>>>> "<div id="sticker-1"
title="1" class="sticker_cactus"
>>>>>> style=''position:
>>>>>> relative; left: 54px; top: 190px; z-index: 317;
''
>>>>>> onClick="zIndex(this);"><img
src="store/images/
>>>>>> delete_entry_button.gif" align="right"
href="#"
>>>>>>
onclick="remove_sticker(''sticker-1'');"
/></div>"
>
>
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Simon

2007-Aug-08 13:30 UTC

head link

Re: DIV''s being pushed around.

Right, now I have a new issue (lol), my problem now is when I add a
new DIV to the page.

My code for adding the new item is:

function place_sticker(id, div) {

var qs = "selectedStickerId=" + id + "&div=" + div;

var handlerFunc = function(t) {
    alert(t.responseText);
}

		/* {

			}*/

		new Ajax.Request("place_sticker.php", {
			parameters: qs, evalScripts: true,
			onSuccess: function(t, jsonObj) {

					new Insertion.Top("playground", t.responseText);
					Effect.Appear("sticker-" + id);

				}
					}
		);

}

The code for ''place_sticker.php'' is:

<div id="sticker-<?php
echo("".$_POST["selectedStickerId"]."");
?>"
title="<?php
echo("".$_POST["selectedStickerId"]."");
?>" class="<?php
echo("".$_POST["div"].""); ?>"
style=''position: relative; left: 1px;
top: 1px; z-index: 317; display: none;''
onClick="zIndex(this);"><img
src="store/images/delete_entry_button.gif" align="right"
href="#"
onclick="remove_sticker(''sticker-<?php echo("".
$_POST["selectedStickerId"].""); ?>'');"
/></div>

<script type="text/javascript" language="javascript"
charset="utf-8">
// <![CDATA[

new Draggable(''sticker-<?php
echo("".$_POST["selectedStickerId"]."");
?>'',{

  	scroll:window,
	revert:isNotWithinPlayground,
	zIndex:317
		}
);

// ]]>

</script>

My problem is, because of the "new Insertion.Top", all the other
DIV''s
are getting pushed down. Is there anyway I can stop this?

Thanks if you can help,
Simon.


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Simon

2007-Aug-09 15:06 UTC

head link

Re: DIV''s being pushed around.

Sorry about the bump, but any ideas? :''(

Thanks
Simon


--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Brian Williams

2007-Aug-09 16:19 UTC

head link

Re: DIV''s being pushed around.

what are the z-indexes of the other divs?

cause if they are all on the same "plain" then it''s doing
exactly what it
should do.



On 8/9/07, Simon <ifoundaway-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org>
wrote:>
>
> Sorry about the bump, but any ideas? :''(
>
> Thanks
> Simon
>
>
> >
>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Tom Gregory

2007-Aug-09 17:02 UTC

head link

[CSS] Re: DIV''s being pushed around.

I thought your question was already answered:  it''s a CSS issue. It  
is expected behavior (even with differing z-indexes) for elements  
inserted above to alter ("push down") the visual flow of elements  
later in the DOM.  The only ways to not see that behavior is  
display:none or position:absolute, both of which remove the element  
from the normal visual flow.  It sounds like what you need is  
position:absolute.

Again, you''re not experiencing a Prototype/Scriptaculous problem, or  
even a Javascript problem.  I suggest you find a good CSS tutorial or  
mailing list.  Google is your friend in this.

TAG

On Aug 9, 2007, at 9:06 AM, Simon wrote:
>
> Sorry about the bump, but any ideas? :''(
>
> Thanks
> Simon
>
>
> >

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Ruby on Rails: Spinoffs" group.
To post to this group, send email to
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---

Rails spinoffs - Aug 2007 - DIV's being pushed around.

DIV''s being pushed around.

Re: DIV''s being pushed around.

Re: DIV''s being pushed around.

Re: [OT] [CSS] DIV''s being pushed around.

Re: [OT] [CSS] DIV''s being pushed around.

Re: [CSS] DIV''s being pushed around.

Re: [CSS] DIV''s being pushed around.

Re: [CSS] DIV''s being pushed around.

Re: [CSS] DIV''s being pushed around.

Re: DIV''s being pushed around.

Re: DIV''s being pushed around.

Re: DIV''s being pushed around.

[CSS] Re: DIV''s being pushed around.