GO-SCARECROW.NET *        & cut it up
WWW.GO-SCARECROW.NET / HOSTING
soleil / hails & lexi / priya / apply?
visitor tutorials site search clear
affiliates mauricio, kathy, loz, ann, amanda, angelica, misty, ryan, nathan, hapi, shannon, carter, amanda, elysia, lizzy, dani/karma, rae, maggie/stormi, jenna, inkedd, ellie, ariel, nina, zoe, sarah, dirk
eXTReMe Tracker

apply?
FR3$H CONTENT.

beginning divs!go-scarecrow.

what is a div?
a div a textbox, scrollbox, or otherwise referred to as a 'blog' created using html and 'defined' with css. it allows you to group amounts of text, pictures, etc, together. say, if you're making a layout and you have a space on the image for the scrollbox/blog. to put your blog there, you're going to have to use a div code to make sure it's in the right place and has the right dimensions.

basic div code

it looks simple, but divs are basically useless until you start defining elements within them (width, height, borders, etc).

suggested elements
if you plan on doing anything with your div/textbox, whatever, it's important that you specify exactly how it looks, how big it its, where it is on the page, etc. there are also extra things you can throw in (background, borders, whatever).
a sooped-up div code should look a bit like this:


if you're not familiar with css, that's alright, I'm going to run through all of the elements in the code and talk about them.
style: style goes at the beginning of anything that involves css. (css = cascading style script). if you're going to add onto your div using style script, it's necessary.
position: position:absolute; just makes sure that your div will be where you want it to be on the page. it makes for clean script.
overflow: overflow:auto; creates 'word wrap', so that when a sentence gets to the end of the line, it breaks off and starts a new one with the width of the box.
top/left: 'top' and 'left' define where the div is on the page. that is, if you don't want it to go directley where you're putting it. 'top' specifies how far from the very top is, and 'left' specifies how far from the very left it is. this is in pixels, too. for instance, the very top left corner is (top:0px; left:0px;), like coordinates on a grid plane.
width/height:'width' and 'height' define the dimensions of the box (how long and how tall), usually in pixels. play around with them until you get the right width and height, but make sure you spell them out like (with:400px; or height:300px; etc).
note that you can add or subtract any of these features in css to get your div how you want