help with a design Options

[lbroskee]

well im trying to do a DIV w/ http://fc05.deviantart.com/fs26/f/2008/033...299b8737e11.png

so thats the backround i want to use but when it comes to the coding im so lost. can some1 help me out?once it's coded basic i can change fonts, colors, and tweak positions if i have to but idk how 2 write code

and since the remake of the site my old 1 is screwed up, so i cant work off that coding. i really jus need the image to b on the right part of the page, boxes set up in each of the 4 areas for me to do w/e in, and the regular layout totally hidden. i can work from there

[fixtatik]

CSS is just a cascading style sheet. it allows for colors, text, fonts, and in the case of divs, positioning elements.

what you can do for this one, is make a main div that's the width and height of the background you're using. set the background of that main div to be the image you posted here.

within that main div, make four more and position those within that one, like so:

CODE

<div class="main">

  <div class="div1">
    text, text, text
  </div>

  <div class="div2">
    more text, text, text
  </div>

  <div class="div3">
    omg wtf more text
  </div>

  <div class="div4">
    image
  </div>

</div>

from there, simple add positioning attributes for those four embedded div elements. because they're within another div, when you use the attribute position:absolute;, that will position those absolutely within your main div. easy enough.

like i was saying in a different post, for example, if you want the first div to be 10 pixels from the left, and 25 pixels from the bottom, you'd use a style sheet similar to this:

CODE

<style type="text/css">
.div1 { position:absolute; bottom:25px; left:10px; }
</style>

likewise, if you want it from the top or the right, you'd use those instead of left and bottom.