New Codes

Cursor CSS Property

While under a certain <div> class object, you can use the cursor function to change the cursor being used. Usable through CSS only.
Just import this into the <div> CSS attribute ---> cursor: pointer; or cursor; default

Z-index CSS Property

Z-index is used to position objects that have 'position:' attributes held active in CSS (as in the position is set to relative, fixed, etc.) Altering the z-index moves the object around so that it fits properly with other <div> objects, pictures, or other forms of media
Just import this in the CSS ---> z-index:insertvaluehere;


Available through just about everything (tables, nav menus, widgets, <div> objects, etc.), padding changes the amount of space held between an object and it's border. The larger the amount of padding, the more spaces out the text/ image is from it's border. It's a property you can add by just placing 'padding=insertvalue' into any tag with a border.


Instead of using basic HTML, most people use XHTML with CSS Internal/ External values. By inserting this tag in place of your <html> tag, your document is recognized as XHTML Transitional (which I find better than XHTML Strict). XHTML tends to react better to CSS and follows W3C coding syntax/ standards strictly. The code to make an XHTML strict document is below.
<!DOCTYPE html PUBLIC "-W3CDTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">

Position CSS Property

Often used with z-index, position tags allow you to set up where an object lies in a <div> object or a web page's initial body. Using 'position:' allows you to make it so objects don't overlap with another object, or so that two objects can intersect. I use them personally to fit together <div> objects in a fixed container.
To position objects add this to your CSS tags for a given object ---> position: (choose one) relative/ fixed/ absolute/ block (I've tried this one and it hasn't worked on DW)

New(er) Codes

Hidden Stuff

You can easily hide things on your webpage using CSS class attributes. By adding 'class="hidden' onto one of your page elements, you can create an invisible image, heading, title, etc. I don't know what you'd use it for, but, I guess it's interesting.


Lines are pretty fun, I guess. You can create a line using CSS codes. Using the following tag should allow you to put some lines around your paragraphs (I think images and embedded stuff works too). The code below makes a funky dotted border, just choose the colors and you're good to go.
border:1px solid (insertcolor);
outline:(insertcolor) dotted thick;

Backgrounds that actually repeat

It's extremely easy to make a repeating background. In your body tag, just after you set the image (IN CSS ONLY), add the following code.
background-repeat: repeat-x;
I've tried repeat-z, and no, you cannot have your image repeat in 3D.


Alright, it's been awhile since I've seen this one, but it's pretty amazing. Nobody seems to use it anymore as Javascript made everything forty times more complex, but also forty times cooler. I've just seen a page where this has been used, and I figured I'd show you how to use it. Make sure you use the same name in the areas marked insertname throughout the entire optgroup.
.<label for="(insertname)">(Inserttitle)</label>
<select id="(insertname)" name="(insertname)"> <optgroup label="(insertwhatever)"></optgroup>
<option value="(insertwhatever)">(insertwhatever)</option>
<option value="(abbreviate content ->)">(insertwhatever)</option>
<option value="(abbreviate content ->)">(insertwhatever)</option>
<optgroup label="(insertwhatever)"></optgroup>
<option value="(abbreviate content ->)">(insertwhatever)</option>
Where there is an (insertname), place some text in there, and use it at every other point in the optgroup where there is an (insertname). So you want to use Bob as a name? Use bob at every (insertname) area. (insertwhatever) areas allow you to use any text you want, and you can use different words for each designated area. (abbreviate content ->) areas mean YOU MUST abbreviate the words used in the (insertwhatever) area to the right. Should it all work out, you'll have an organized drop down menu.


<meta http-equiv="Refresh" content="2"; url="(insertuniformresourcelocator)">
This one isn't so much fun for the audience using a website. Everyone hates that crappy 'You will be redirected in 10 seconds' thing that pops up on your page. Well, this does it. When somebody tries to open your page, you can immediately redirect them to wherever you want (or to really piss them off, set content at anything over 10). I don't recommend linking your redirect to a page that sends out malware or viruses, as that is considered to be cybercrime, which is illegal.