Let’s face it. We all work really late sometimes coding or tweaking code and it’s easy to sometimes forget a CSS code for doing something we don’t often do manually. For example I was tweaking the CSS for a WordPress install on the forthcoming 365raysofhope.com and did not recall the CSS for all of the table formatting I needed. So, like any professional geek, I looked in my bag of tricks (happened to be my bookmarks called “Table Formatting”) and came across this neat little tool I have not used recently but was glad to have it today when I needed it.
It’s called the HTML and CSS Table Border Style Wizard and I love it. At first glance it may seem a little daunting to those of you who are just now diving in to CSS for style sheets or inline style but if you click around on it a bit you’ll soon get the hang of what it is doing.
Let’s say, for example, you wanted a “coupon” looking table like the one in the image with the red dashed lines. Sure you may remember that code is “border-style: dashed;” but maybe you don’t or maybe you don’t know that yet. What this tool does is allow you to tweak your table style until you get the formatting just as you like and then it gives you the copy and paste CSS code like in the image to the left.
If you are new to CSS and are not sure what it does or where it goes there is plenty of information at W3Schools about all aspects of web development and design. Today’s huge amount of out of the box solutions like WordPress, Joomla and Drupal (to name a few) still need tweaking if you want to truly have a customized website. Sure, you can find someone to change the images or use the built in theme selections but when you’re ready for something truly custom or to create your own custom theme you’ll need to know these techniques. Otherwise it’s just using settings on a customizable theme – not truly hot rodding your installation.
Have fun and if you have questions don’t ever hesitate to contact me at any of the methods including phone.