Making Better HTML Table Borders

Table One: 2px table and td border set

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 … [Read more...]

Create Glossy Look Navigation Tabs

CSS Controlled Navbar Tab Highlights

From Top to Bottom: Unstyled, Illusionary Gloss, and True Gloss Menu Buttons "Ooh, look at that website with nice sleek and shiny page tabs. I bet it turns all the geeks heads. Why can't I be like that guy?" Recognize those thoughts? Of course you do. We all have feelings of inadequacy at times. Luckily for us regular guys, website sexiness can be learned. With a few easily digested and remembered tips you too will style websites that will make other webmasters sick with envy. Back in October last year I showed you how to use CSS to highlight HTML elements when specific id and class … [Read more...]

CSS Controlled Page Button Highlighting

Have you ever wanted to make the buttons on your webpages remain highlighted when they are clicked and active? I mean, wouldn't it be great to use CSS to not only make your buttons and tabs change colour when hovered over but to give them a different appearance once they have been clicked? The trick to changing the appearance of a clicked button or link and fixing that appearance for the time its page is active is to set a CSS style for the simultaneous occurrence of separate conditions. Don't worry, it's easy done than said. Imagine we have two webpages and a menu that links to both … [Read more...]

All original content on these pages is fingerprinted and certified by Digiprove