American and Proud
This is The Header Then

WordPress/HTML Tips and Tricks

NUNDER CONSTRUCTION.UNDER CONSTRUCTION. UNDER CONSTRUCTION.

I am Working on this part of the site, if you have any tips and tricks you would like to share please send me an email.

NOTE: For all of the code examples on this page, you will have to remove the ” ” marks before and after the code example. Also before trying any of these tips or tricks BACK UP YOUR FILES!

Tip # 1. Boxing your content.

You see the boxes surrounding my different side bar items? the one directly under the waving flags is an embossed type box.

The embossed box is a table:

You can use this code “<table border=1 width=100% cellpadding=6><tr><td align=left>” at the start of your item and “</td></tr></table>” at the end. This code will give you an “Embossed” looking box around what ever you want to display.

The other type box is a “Fieldset”

it is a simpler box, you put “<fieldset>” before, and “</fieldset>” after your content.

All this does is give you a small line box around your content, if you want to get fancier you can do this:

Go to your CSS (stylesheet, in your template editor) and include a “fieldset” instruction. Mine looks like this:

fieldset {
padding:10px;
border-color: #ED3B13;
border-bottom-width: 4px;
border-left-width: 2px;
border-right-width: 4px;
border-top-width: 2px;

}

It is very important that you understand the Cascading Style Sheet structure before making adjustments, but this particular one is very simple, you can adjust the width of the lines surrounding your content and the color of the lines with the “border”

In action these boxes will look like this:

test

The box will be as wide as your template allows, so if you need to adjust the box’s width to fit the picture better you will have to adjust this part “width=100%” Like this

test

Depending where you put the “center” tags:


test

NOTE: You can adjust the width,line spacing and padding of your box by changing the numbers within the code.

The fieldset option looks like this:


testing2

One of the drawbacks to using this type of box is; The fieldset is the same size for ALL instances of it’s use. in order to change the box size, you have to insert this into the fieldset css “width=50%” but if you do that, all instances of your fieldset boxes will shrink. I suggest using the table when you want to adjust sizes and fieldsets when you just want a box to neaten things up.