My First Website Template, ? Options

[funride]

I want to know what you guys think of this.
It's my first time coding a website template and desiging it.
So heres the screen cap:
http://i44.tinypic.com/2nk6y6o.png

And heres the code:

CODE

<style type="text/css">

body{background-color: #f4fee5;
background-image:url(http://funride.org/funridebackground.png);
background-image: repeat;
color: #ffffff;
font-family: century gothic;
font-size: 12px;}

#content{
position: absolute;
overflow: hidden;
top: 370px;
left: 28px;
width: 280px}

h1{
color:FF0000;
font-family: Georgia;
border: 1px solid; border-color: #FFFFFF;
font-size: 30px}

#banner{
position: absolute;
top: 0px;
left: 0px;
width: 301px}

#content h1 { margin-left: 0px;
text-align: left; }
#content p { margin-left: 0px;
width: 300px; }

#conenttwo{
position: absolute;
overflow: hidden;
top: 10px;
left: 550px;
width: 175px}

#conenttwo h1 { margin-left: 350px;
text-align: left; }
#contenttwo p { margin-left: 350px;
width: 300px; }

#conenttwo h1 { margin-left: 0px;
text-align: left; }



</style>

<div id="banner">
<img src="http://funride.org/new funride layout.png">
</div>


<div id="content">
<h1>Header</h1>
<p>AFDLKJASDFL;JASDF;LJSDFL;DJFLDJFSDL;FJDLFJK;FJADL;JL;JF;LNLASDKFJNCL;KJDFL;NC
;KJDFLC;LFJK;LSMFL;KDJFLNCL;KJFLK;CLKJSDFLKSJF;LACIE;QPADF;LAJSDFKH;ASDIFFASO;DF
;LSKFJ;LDSFKJA;IOFU;LDFJ;LFJLD;FJL;DSFKJA;DFLJASDLFKJASDLF;JASDFLKJDF;LDJF;ALDFJ
;DSJFLD;FJD I WANT TO SEE IF THESE WORDS GET CUT OFF, IM PRETTY SURE THERE GONNA BUT I HOPE NOT.</p>

<h1>Header</h1>
<p>AFDLKJASDFL;JASDF;LJSDFL;DJFLDJFSDL;FJDLFJK;FJADL;JL;JF;LNLASDKFJNCL;KJDFL;NC
;KJDFLC;LFJK;LSMFL;KDJFLNCL;KJFLK;CLKJSDFLKSJF;LACIE;QPADF;LAJSDFKH;ASDIFFASO;DF
;LSKFJ;LDSFKJA;IOFU;LDFJ;LFJLD;FJL;DSFKJA;DFLJASDLFKJASDLF;JASDFLKJDF;LDJF;ALDFJ
;DSJFLD;FJD I WANT TO SEE IF THESE WORDS GET CUT OFF, IM PRETTY SURE THERE GONNA BUT I HOPE NOT.</p>

<h1>Header</h1>
<p>AFDLKJASDFL;JASDF;LJSDFL;DJFLDJFSDL;FJDLFJK;FJADL;JL;JF;LNLASDKFJNCL;KJDFL;NC
;KJDFLC;LFJK;LSMFL;KDJFLNCL;KJFLK;CLKJSDFLKSJF;LACIE;QPADF;LAJSDFKH;ASDIFFASO;DF
;LSKFJ;LDSFKJA;IOFU;LDFJ;LFJLD;FJL;DSFKJA;DFLJASDLFKJASDLF;JASDFLKJDF;LDJF;ALDFJ
;DSJFLD;FJD I WANT TO SEE IF THESE WORDS GET CUT OFF, IM PRETTY SURE THERE GONNA BUT I HOPE NOT.</p>

</div>

<div id="conenttwo">
<h1>Heading Here</h1>
<p>Words words words words words. Words words words words words. These are words I want to see if they get cut off? Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words. Words words words words words</p>
</div>

[Maccabee]

It nice :)

I would suggest using less contrasting colors though. Like instead of black, pick a dark grey, and instead of a white border use a light grey. And try and find a background image that tiles better. And maybe a brighter one too.

And you never want to use bright colors. Dont go to the top right corner when picking the red. Pick something a little darker.

And maybe to do something a little different try using images instead of text. Like on headers and stuff. Not content.

use a tutorial like this:
http://www.createblog.com/all-other-tutori...ive-text--gimp/

Not sure what program you use but it should be easy to understand how to do it through this. But if you cant just figure it out you can probably google a tutorial for it.

I would work on it some more before you put it up. And you may even want to change the colors. Its a little too dark. Pick a bunch of colors you want to use. Keep it around greys and occasionaly add some colors that pop, but not as much as they do now.

I give it a thumbs up

[schizo]

And you never want to use bright colors. Dont go to the top right corner when picking the red. Pick something a little darker.

Agreed. I noticed you use that really bright red in most of your graphics. Super bright colors like that don't look great with most designs, especially red.

Also, the image quality looks kinda low.