{"id":16950,"date":"2015-09-03T05:01:10","date_gmt":"2015-09-02T19:01:10","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=16950"},"modified":"2015-09-08T20:29:38","modified_gmt":"2015-09-08T10:29:38","slug":"wordpress-posted-on-css-styling-follow-up-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wordpress-posted-on-css-styling-follow-up-tutorial\/","title":{"rendered":"WordPress Posted On CSS Styling Follow Up Tutorial"},"content":{"rendered":"
\"Wordpress<\/a>

Wordpress Posted On CSS Styling Follow Up Tutorial<\/p><\/div>\n

Today, with our WordPress TwentyTen themed blog, we’re following up on the concepts of WordPress Posted On CSS Styling Primer Tutorial<\/a> as shown below, as we believe in revisits to code, and we can see room for improvement. Let’s recap …<\/p>\n

\n

Do you perhaps remember, on this blog, when we presented PHP Blog Summary Follow Up Tutorial<\/a> as shown below, and talked about the two uses of # (hashtag) and the associated use of the id=<\/i> HTML parameter?<\/p>\n

    \n
  1. you can manipulate HTML via Javascript DOM in terms of individual HTML objects or elements (or tags, if you like)<\/li>\n
  2. you can use them to navigate in a “hashtag”<\/a> way via #[id]<\/i> syntax … by repositioning yourself on your current webpage (as is so readily used in online essays or books in their Table of Contents, perhaps)<\/li>\n<\/ol>\n

    In that tutorial we talked about the second point, and again, today, we make use of the functionality of that second point, but this time we keep Javascript DOM integrity.<\/p>\n<\/blockquote>\n

    The improvement, today, is with colour coding the HTML option<\/a> tag of an HTML select<\/a> tag, but find this useful feature is no longer cross-browser, though it works in Firefox, at least. With cross-browser issues, you want to check that you are not wasting your time with something, and in terms of this, this useful link<\/a> put me onto the thoughts that picking at this like a dog over its bone, was not the go (or the went, for that matter) … and that we must not obsess … you got that … no obsessing here … mean to say, you won’t see us obsessing over an obsession in the near future, or into the next millenium … come to think of it … though cannot rule out the millenium after that, perhaps<\/font>.<\/p>\n

    So what is another help on a dropdown to show where you are, apart from the tick provided by some web browsers … well, we decided to indent the #hashtag dropdown item you are on, as well as to try to colour code both the HTML select tag itself and the HTYML option tag list (you expand to).<\/p>\n

    Are we obsessed with dropdowns? Not on your nelly. Though can’t speak for the nelly over there —>>><\/p>\n

    But, seriously (and didn’t you just know there was a but<\/i>), dropdowns save space and if you have content that becomes important … minimalist looks are fine, but are minimalist looks just that, sometimes … minimalist?<\/p>\n

    So this is a first step, and tomorrow we open up more practically useful functionality to do with this.<\/p>\n

    In any case, what needed to change? Well, (and didn’t you just know there was a well<\/i>), it involved …<\/p>\n