Now add this small snippet:

 .spoiler-tag{ color: black; background-color: black; } .spoiler-tag a{ color: black; } 

Save it, now go to Appearance > Themes, then set the theme to your newly created theme.

Now, every time you need to create a spoiler, use this:

 [[span class="spoiler-tag"]]XXXXX[[/span]] 

See this page for how I want to use spoiler text.

 [[collapsible show="+ show spoiler" hide="- hide spoiler"]] this is a spoiler this is a spoiler [*http://www.yahoo.com this is a spoiler] [[/collapsible]] 

Result:

It's an easier spoiler tag.

Link: http://snippets.wikidot.com/code:collapsible-text-block

 [[span style="color:black; background-color: black;"]]Test[[/span]] 

which provides the following result:

Test

Unfortunately, when I put a link into a blacked-out text block, the link text does not change color and is still visible:

Test Link Test

Does anyone know how I can change the color of the link as well? (Locally, that is - in non-spoiler areas, the link colors are just fine…)

found thereason for the strange "edit sections" behaviour:

You have a headings inside the second "note":
+ Please read the following before redistributing content.

As long as not is clear if this is a bug or a normal "note" behaviour You should avoid such headings in a note.

Please - change it to:
[[span style="font-size: 140%"]] Please read the following before redistributing content.[[/span]]
gives you:
Please read the following before redistributing content.

You can use more style attrributes like..
[[span style="font-family: Arial Black; font-size: 140%; font-style: oblique; font-weight: bolder; color: #FF0000"]] your text [[/span]]

Gives you: your text

Regards
Helmut

the "header" List Results is clearly floating left from the right top box.
and the next ( last) div is 100% wide -(I get an error in IE 7..) - could be this is the reason why IE tries to move it down where the place for it is…

make it a little smaller ==> ( width:60% ! )
The last include from the footer is always shifted under the left nav bar! ( the 4 x ( or 5x ? ) "~" set the div style to "clear:both" !)

Page: http://gawker.wikidot.com/list:main (opens a new window or tab)

Notice that my table aligns to the left of the right floating box in Firefox but to the left and below the right floating box in I.E. How can I make I.E. display the page as FF does?

Also, note the search box. I thought I was being clever by moving it to the top navigation bar, it looks perfect in FF but is not centered in I.E. and also, the button and form field are not aligned in I.E. How can I fix this and make it appear as it does in FF?

The syntax I used is:

 [[div style="float:right; width: 15em; padding: 0 1em; margin: 1em 0 1em 1em; border: solid #888888 1px;"]] **Base Pages** include all //default// Gawker pages. [[module NewPage size="15" button="new page"]] **[[size 12px]]View This Category By Date[[/size]]** [[module PageCalendar category="_default"]] [[/div]] [[include list:top]] **List Results** [[div style="float:none; width: 100%; font-size: 12px"]] [[module ListPages category="_default" perPage="20" date="@URL" separate="false" prependLine="||~ Page Title||~ Date created||~ Created by ||"]] || %%linked_title%% || %%date|%e %b %Y|agohover%% || %%author%% || [[/module]] [[/div]] ~~~~~ [[include footer]] 

Thanks for reading.

2. You switch ON the "save" and the "save & Continue" button with ANY KEY USAGE INSIDE the Edit BOX -

means - click ONE time with the left mouse button inside the box ( moves the Cursor inside the box) and as a "minimum" you have to use one of the keys on your keyboard!
Normally one of the arrows is enough for this…

And: you are not alone with this waiting for the allowing of the save…

But if it occurs you should be able to re-create the lock and go on with your edit.

2. What does really happen if you click on save ?

3. Or do you use the save & continue button ?