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

[tokyo-rose]

Moved to MySpace Support. Also, please post your coding.

[lbroskee]

i have no coding for it. that is what i need. the coding i have is for my old layout. for this all i have is that backround design layout. which i posted

[tokyo-rose]

Haha yeah, sorry. I'm just really used to saying that. Here's the topic on how to code MySpace DIVs: http://www.createblog.com/forums/index.php?showtopic=142922. Ask further if you need help with it.

[lbroskee]

thanx, but i dont get step 2...from what i know the CSS coding is the reg look, so y do i need it for a DIV?

[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.

[lbroskee]

to b honest im a noob with this stuff, so lik no clue wut u mean. sorry

[lbroskee]

well i tried the big div area, but it's still up too high and idk y