Coding Divs, In need of help. Options

[dabadone4lyfe]

So I've finally gotten using divs and coding them after creating an image using tutorials and different forums. I used paint as instructed to get the top and left coordinates for my boxes but the content doesn't show up in the right places. If anyone knows of a better way or can help in any way let me know.
Thanks

[digitalfragrance]

Well, can you post your coding and a link to the layout that you are trying to correct?

[dabadone4lyfe]

sure.

<style type="text/css">
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

<style type=text/css>

body {
background-color: black;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:black;
scrollbar-track-color: red;
scrollbar-shadow-color: blue;
scrollbar-face-color:red;
scrollbar-highlight-color:blue;
scrollbar-darkshadow-color:black;
scrollbar-3dlight-color:blue;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px comic sans; color:red; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px comic sans; color:red; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:script MT bold; font-size:9px; color:blue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:script MT bold; font-size:9px; color:blue; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:comic sans; font-size:9px; color:blue; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<style>embed, object {width:0px; height:0px;} table table table embed, table table table object {width:320px; height:240px;} </style>

<div class="bg" style="position: absolute; left:0px; top:150px; width:1000px; height:1001px; overflow: hidden;">
<img src="http://i21.tinypic.com/15gpgya.jpg">
</div>

<div class="content" style="position: absolute; left:59px; top:568px; width:354px; height:304px; overflow: auto;">

</div>

<div class="content" style="position: absolute; left:57px; top:879px; width:354px; height:104px; overflow: auto;">

</div>

<div class="content" style="position: absolute; left:446px; top:564px; width:354px; height:404px; overflow: auto;">

</div>


div:
http://i21.tinypic.com/15gpgya.jpg

[digitalfragrance]

Okay, well nothing looks wrong in your coding. The best thing you could do is play around with the "top" and "left" values to move the boxes where you want them. It can be a trial and error process.

[dabadone4lyfe]

alrite thanks!

[digitalfragrance]

Sure thing!
If you have any other problems, or questions, PM me and I'll re-open this topic
Topic Closed

Topic Re-Opened.

So let me get this straight. No matter what numbers you put in for your margins, the content DIVs don't move at all.

[dabadone4lyfe]

not at all i'm not sure if you looked at it
myspace.com/xclusivedesigns1

but its almost like it doesnt change at all as far as where the content appears

[digitalfragrance]

Change the overflow: hidden to Overflow: auto

I don't think that will help anything, but changing that can prevent future coding problems.

[dabadone4lyfe]

alright

[dabadone4lyfe]

Anyone here that can help?