Website Technician

Here is the CSS parameters for setting up a simple table. I don’t know why they are disliked, especially when intended to keep everything tidy on a web page or blog post.

If you have more than one table, just add a class name, in this case .black. Then the table would start like this: <table class=”black”>

table.black{
margin: 10px 8px 10px 8px;
padding: 10px 8px 10px 8px;
table-layout: automatic;
text-align: Left;
font-family: Times New Roman;
font-size: 20px;
line-height: 110%;
word-spacing: 1px;
color: #FFEFC9;
}

That was fairly straightforward and are used on my tutorial here:
Click here to look at the page.

Then there is a need to use them in blog posts to keep everything tidy.

Like Here

If you have Excel, get a copy of my HTML generator(right sidebar, below). This is real handy if you use a shopping cart. It can generate a simple table like this one without a cart entry, or one that employs a cart.

Click image to enlarge.

Copper Pendant Item # sample, $45.00

Steve

I like my links in blue and underlined. Below is the CSS entries that make this happen. Inside a WordPress blog you have to go to the Appearance section and click on Editor. This will open the CSS editor of your theme. Then you have to find the correct section and look for the “a” tag, since links start with <a href=”http://.

I found it and made it the color I wanted, the #1E0ECF color, added the underline and then made the Hover color slightly darker blue to make it look like a link.

.contents a{
color: #1E0ECF;
text-decoration:underline;
font-size:18px;
}

.contents a:hover{
color: #190CAA;
text-decoration:underline;
font-size:18px;
}

The Reference site

This would also apply if it were a part of a CSS in a traditional HTML page.

Steve

You need to check out an interesting article, “53 CSS-Techniques You Couldn’t Live Without”
By Vitaly Friedman
Visit this Turorial

Cascading Style Sheets are a bit tough for beginners to get their heads around, but is a must-learn. Start with simple controls and springboard from there.

The Reference site

Steve

If you have a blog as a web site or use a site builder, there is some basic HTML you should learn. This is a nice article at a web site that I find very useful. Sign up for their freebies and they will email you notifications for their webinars. If you can’t make the webinars, they will provide a video capture a day or two later to view on demand.

Lots of great resources here.

Hubspot Article

Steve

If you have a blog and want to post images, maybe a Shopping Cart button or three, and a description of the object in the photo, it can get spread out and look a bit messy.

I have good news and bad news, first the bad news:  The solution is to write a bit of HTML code to organize things.  The good news is that I know how and have a free Excel Spreadsheet you can use to generate the code automatically. It is constructed on Excel 2002, so it might not work in all versions of Excel. It is powered by built in Visual Basic Modules, so it is quite automatic. Turn the Macros on, no virus in my version.

Here is what it looks like on my Tumbleweed Glass Site: Here

There is an instruction worksheet, one for a bit of data and two generator pages, one for those who use Mal’s eCommerce Shopping Cart (free) and one page for those who don’t. Upload checkout buttons to your server and it generates cart buttons tailored to the object you are selling.

Watch the embedded video or head over to YouTube and view In High Definition by clicking  Here

Download the file by right-clicking on the button to the right and choosing Save Link As..

Steve