This entry is part of a series, Sliding Notes Advice»

<span class=Since I published Sliding Notes, I’ve repeatedly seen people formatting their slider button title italic, and thereby effectively inserting HTML tags into it, like so

[slider title=”some title“]…[/slider]

resulting in: some title»

This is not a practice I’d recommend. Instead, you should use inline CSS style to achieve the same effect,» like so

[slider title=”same effect” bstyle=”font-style:italic”]different approach[/slider]

I recommend this method, because the slider title is used verbatim to form the hint message that gets shown when you hover the mouse over the slider button. In the first case, the resulting message is literally “Expand collapse slider: <em>some title</em>”, which is probably not what you want.

I admit, the first approach seems to be the more intuitive one (and is more appealing, too), and a future version is likely to resolve this in a different way. Until then, I recommend to employ the alternative I’ve just described.

3 Responses to “Sliding Notes Lessons – Beware of HTML Tags In Title”

  1. I’ve got an idea for this plugin on a site of mine, but I have a question. I’d like to list the series in my sidebar. But I don’t see a way to link to a series. Can that be done?

  2. Mark, isn’t this the wrong post for your comment? ;)

    Anyway, I assume you mean listing all series, not all posts in the same series as the current one, do you?

    Unfortunately, it can’t be done with the current version, but I’ve made a note to include that feature some day.

Trackbacks/Pingbacks

  1. Sliding Notes HowTo’s - Adding An Image To The Button | Hackadelic

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Please ignore these 2 fields: