Easy Spolier - extra lines

[stickler]

Hi,

I think Easy Spoiler is just what I'm looking for except it's currently taking up more lines and space than I'd like it to.

Please take a look here:

http://www.australiancrosswords.com.au/WPblog/?p=101

How do I get rid of the extra blanks lines? There also seems to be an extra entry that's blank at the bottom.

My post is formatted like this:

(click on the clue number to see the hint)

[spoilergroup]
[spoiler intro="1-across"]"flower" isn't what it appears to be[/spoiler]
[spoiler intro="2-down"]look for a hidden answer[/spoiler]
[spoiler intro="16-down"]"litter" isn't rubbish or young animals[/spoiler]
[spoiler intro="20-down"]"over" is a positional indicator[/spoiler]
[/spoilergroup]

I'm happy to update Wordpress files - I just need to know where to look and what to change.

Many thanks.

David Stickley

[doug@dyerware.com]

View your post in the HTML mode rather than wysiwyg and see if <br> got inserted somewhere

I always recommend entering shortcodes in this editor for that reason

If that's not it please get back to me

[stickler]

That snippet IS from the HTML tab in WP's edit post. Should I have more HTML formatting?

There's nothing else that I can see.

Thanks

David Stickley

[doug@dyerware.com]

Ok. Usually that's the culprit. I'll analyze the page.  It is also a high probability a CSS rule inherited by a theme or another plugin is modding the HTML.

-d

[stickler]

Hi again,

I've been poking around the net trying to understand styles, themes, overrides etc. Is this the part of style.css (from Twenty Ten theme) that is affecting Easy Spoiler? -

#content table {
   border: 1px solid #e7e7e7;
   margin: 0 -1px 24px 0;
   text-align: left;
   width: 100%;
}
#content tr th,
#content thead th {
   color: #888;
   font-size: 12px;
   font-weight: bold;
   line-height: 18px;
   padding: 9px 24px;
}
#content tr td {
   border-top: 1px solid #e7e7e7;
   padding: 6px 24px;
}
#content tr.odd td {
   background: #f2f7fc;

If it is, what options do I have? I don't use tables and don't plan to, so is it safe, for instance, to comment this out? Will Easy Spolier then be in control? Or are there some fundamental definitions somewhere that need to be dealt with?

Thanks for listening - all this stuff is new to me.

David

[doug@dyerware.com]

lol sorry.  I've been stuck on our next game and its killing me

You are really close.  There are three rules in your file here affecting it:
http://www.australiancrosswords.com.au/WPblog/wp-content/themes/twentyten/style.css

#content tr td {
   border-top: 1px solid #e7e7e7;
   padding: 6px 24px; <<-- this line
}

#content table {
   border: 1px solid #e7e7e7;
   margin: 0 -1px 24px 0;   <<--- this line
   text-align: left;
   width: 100%;
}

#content tr th,
#content thead th {
   color: #888;
   font-size: 12px;
   font-weight: bold;
   line-height: 18px;
   padding: 9px 24px; <<-- this line
}

What they are doing is overriding some HTML tags anywhere they appear, which can be frustrating to us plugin guys.  What I always recommend is, if you don't care about how they affect your site, just put a misspelling in:

This does not hurt and you can see what you did to undo it later:
#content tr td {
   border-top: 1px solid #e7e7e7;
   XXpadding: 6px 24px;
}


or do it this way:
#content XXtr XXtd {
   border-top: 1px solid #e7e7e7;
   padding: 6px 24px;
}


There are other ways to affect the CSS rules, you can have the plugin override TD, TH, TABLE, and TR in your own CSS and provide it as the CSS argument (see admin panel) but I'd personally just do the above as those rules don't seem to benefit the site as far as I can tell.

Anyway, give a shout if you try this.
-d

[stickler]

I've made the changes and the results can be seen here:

http://www.australiancrosswords.com.au/WPblog/?p=101

Looks like it's fine. There's an extra half-row at the bottom - is that Easy Spoiler's work or the theme butting in?

Many thanks


David

[stickler]

Hi again,

I've struck an odd problem: my wife has the same PC system as I do, but for some reason the table displays with the extra lines - like it used to do on mine. So we can both view the same page at:

http://www.australiancrosswords.com.au/WPblog/?p=101

and mine appears without extra lines, and hers doesn't.

I'm really confused. Is there some lower level individual user setting that is impacting this?

Help!

David

[doug@dyerware.com]

browsers can pick up and render different things unfortunately.  What browser does she use? (and if it's IE what version?)

-d

[stickler]

Thanks for your help. I don't know what the issue was (I suspect caching or something similar), but after a couple of hours all was fine. She was running Firefox. All good.

Thanks again, your plugin has made a big difference to the accessibility of my site.


David Stickley