Try setting the DIV tag as your show/hide element, and make that
content nested. If you were looking at the Page panel, this is what it
might look like
(div) This is the outer HTML box with the SA action applied
(h2) Header 1
(div) Body 1
(img) A positioned child element with an image
(div) A positioned child element with some text
(div) Maybe another element
(h2) Header 2
(div) Body 2
(img) A positioned child element with an image
(div) A positioned child element with some text
(div) Maybe another element
etc...
You set the Action to show/hide the DIV tag, and use the H2 as the
trigger. Note that only the top-level DIVs are hiding, but when they
hide, they takes all their children with them.
If you find it difficult to make a “box-model” inline layout, try
laying out each body element separately on your pasteboard. Draw an
HTML box the size of the final expanded body element, then while it is
selected, draw additional boxes over the top of it to place your
images and text. The gesture to use is to click once on the outer box,
then click on the HTML or Graphic Box tool and draw your child box
starting and ending inside the bounds of the outer box. The cursor
will change to look like this [+] when you draw in this mode to
indicate that you are drawing a child element, and the outer box will
have a glowing blue outline to indicate that it is the parent.
Once you have drawn one collection, you can copy and paste the entire
unit to make copies, and change the content.
When you have laid out all of your show/hide elements, you simply use
cut and paste, one at a time to place them inside your outermost SA
container. Click once on the outermost box of the first show/hide
element. Cut it to the clipboard. Double-click into the SA container
box so you see a flashing text cursor and paste. Repeat for each
additional element, and put your headers in between the boxes.
That should give you all the layout control you could ever need!
Walter
On Jan 12, 2010, at 6:56 AM, PixelAce wrote:
I need to set up an accordian. The MooTools one lets me float html
content with pictures and text within the hidden parts of the
accordian…
Which is perfect for what I want…BUT I also want a carousel on the
same page. The Walter Davis carousel is perfect for me, but it wont
play ball on the same page as the MooTools accordian…
So I switched to the scripty accordian, not as much control as the
Moo one but it does seem to give me enough, the real problem is that
when I put a floated box in with a picture or text, the floated box
and content does not appear. (I’m currently using an image as the
trigger for the accordian as it has to be very specifically styled -
but this doesn’t seem to matter as I have tried it with an h1 as the
trigger and have the same problem).
It is there because if I switch Javascript off in my browser all the
content then appears correctly but without the accordian
functionality.
Has anyone any ideas, can I put text and pictures inside the scripty
accordian that are in floated boxes.
Or… is there a carousel type function within MooTools that I
haven’t found, or is there another library with both…
All help will be greatly appreciated.
Thanks
Tony
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options