Hey all, I use a toggle effect this way: <%= link_to_function "edit this item", "Element.toggle(''editdiv'')" %> <div id="editdiv" style="display:none"> blabla <br> blabla <br> blabla <br> blabla <br> </div> <br> roror <br> roror <br> roror <br> that works great but I would like the content of editdiv to overlap the text that comes next, in other words I want blabla to overlap roror because for now, when I click on "edit this item" , roror goes down to make room for blabla. Any idea how to do this? thanx in advance Pat --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
Patrick Aljord schrieb:> the text that comes next, in other words I want blabla to overlap > roror because for now, when I click on "edit this item" > , roror goes down to make room for blabla. > Any idea how to do this? >For overlapping you must use the z-index css property and the div must have an absolute position. Tobias --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---
ok thanx a lot. I came up with something like this: <div id="editdiv" style="display:none;position:absolute; background-color:white; z-index: 1; "> blabla <br> blabla <br> blabla <br> blabla <br> </div> <div id="editdiv" style="position:absolute;z-index: -1;"> roror <br> roror <br> roror <br> </div> --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group. To post to this group, send email to rubyonrails-talk-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org To unsubscribe from this group, send email to rubyonrails-talk-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en -~----------~----~----~----~------~----~------~--~---