JournalXtra» HTML & CSS

Auto Rotating Ad Banner, No iFrame, No Meta Refresh and It’s Free: Part 2

Lee hodson — Fri, 09 Mar 2012 23:07:50 +0000

Back in September 2009 I wrote a guide to creating an auto rotating ad banner that uses JavaScript to switch the ads or images or any other content without pages needing to be refreshed by visitors. It has come to my attention that that solution no longer works in Google Chrome and it has problems [...]

Continue... Auto Rotating Ad Banner, No iFrame, No Meta Refresh and It’s Free: Part 2

The Bit About HTML That Beginners Don’t Get…

Lee hodson — Thu, 02 Feb 2012 07:23:19 +0000

Most web pages are built with that elusive “HTML” thing. Those 4 letters that web developers, Internet users and trendy grandmothers brandish about as though everybody knows what they mean. But do they really know what HTML is? Do they know what those 4 letters stand for? Many of the clients I build websites for [...]

Continue... The Bit About HTML That Beginners Don’t Get…

CSS3 Animated Spinning Things!

Lee hodson — Wed, 16 Nov 2011 13:39:48 +0000

I learned a new trick this week and I’m pretty impressed with myself. I learned how to use CSS3 to animate page elements. With the tricks I learned at The Art of Web and Web Development Blog, I can make any HTML page element move around, expand and spin when touched by a mouse cursor. [...]

Continue... CSS3 Animated Spinning Things!

Making Better HTML Table Borders

Lee hodson — Fri, 06 May 2011 22:53:03 +0000

Big ugly table borders only work for people with fetishes about big ugly table borders. Of the fetishes I have, that is one I am glad to report I lack. I enjoy looking at thinly lined tables that are as neatly displayed as those one might draw on paper. You might not believe that while looking at some of the tables used in JournalXtra in the past, but I hope to show you the light I have seen.

It took me a while to realize a simple way to change the appearance of HTML tables to make the borders pencil thin.

I knew I could set styling properties in the CSS to change the border width, to turn borders off, to turn only some borders off, to make borders ridged, grooved, dotted or dashed but I couldn't figure out how to get rid of the ugly double-bordering created by the gap between different borders.

Then I had a brainwave: why not just get rid of the borders altogether?

That might seem contradictory. After all, I want the borders to look nice, I don't want to make tables hard to read by not having any borders altogether, so why would I get rid of them?

Let's take a look at my reasoning

Continue... Making Better HTML Table Borders

Free GIMP Button Brushes

Lee hodson — Thu, 04 Mar 2010 06:02:47 +0000

No, these are nothing like the buttons used to fasten shirts and unfasten women’s blouses these are the type used to create wonderfully stylish clickable areas on web pages. In total, there are 21 free Gimp button brushes waiting to be downloaded. They are easy enough to use but I have provided full instructions and [...]

Continue... Free GIMP Button Brushes