DIV Layout, No NOT how to make one... Options

[TAiNTEDxMEMORiES]

How do I get the content to show, because some of my DIVs will show up but not the others. My comment box [[if I even have the right code]] aren't showing up.

[freeflow]

You know how to position divs right?
This is from a post I wrote earlier today should help/teach you too..

(goes in I'd Like to meet)
Now to add content

CODE

.divnamehere{
position: absolute;
top: ###px;
left: ###px;
width: ###px;
height: ###px;
}

and

CODE

<div class="divnamehere">
content content
</div>

FIRST CODE: Put the first code between style tags. Put in I'd like to meet. Now everywhere I put ### you have to add that with a random number. Most likely a random numebr in the hundreds. I would start off with 200 and work your way up or down. So if you want it to go more left the number will be smaller if you want it more right the number will be higher. Same for going up and down. The higher the number for top the lower it is and vise versa. Where I put divnamehere Edit that to whatever you want it to be, but you have to be consistant w/ the first and second code.

Second Code: Put in I'd like to meet. Edit where it says content for what you want to it to say. The div name has to be corresponding to the one in the first code.

Thats how you get content in teh box. You have to do that same set of codes for each of your divs. One between style tags and one just the div. Make one of those for each content box.

[TAiNTEDxMEMORiES]

I did that and my rollovers dissapeared...

[freeflow]

Thats how you code the divs. What was your rollover code. It shouldn't effect it at all. Put your rollovers in a div?

[TAiNTEDxMEMORiES]

They are...ok so I lied, the rollovers are working. But they about me stuff is behind the layout image? Lol. I'm so lame. ><

[freeflow]

Put the about me stuff ina div or make a div and type about tyou in it. The point of a div is to hide the original profile and come up w/ new. So like make a div abotu you write stuff there. If you can't see the rollovers put them in a div too.

[TAiNTEDxMEMORiES]

They're in a div, it's just behind another div [[the main layout image one]]

[freeflow]

Link? or codes please? They should come up on top.

[TAiNTEDxMEMORiES]

http://www.myspace.com/darkangel_69

[freeflow]

Can you post all the div codes, its hard for me to tell because in my browser I can still see your original profile and I can't tell whats the div or not. Sorry

[TAiNTEDxMEMORiES]

Ok. About Me:

<style>
.Lovers { position:absolute; left:550px; top:225px; width:400px; z-index:3; padding:0px; border:0px; background-color:transparent;}

.AboutMe { position:absolute; left:300px; top:215px; width:305px; z-index:3; padding:0px; border:0px; background-color:transparent;}

.Main { position:absolute; left:50%; top:125px; width:800px; z-index:1; margin-left:-400px; padding:0px; border:0px; background-color:transparent;}

a:link, a.man{font-family:Arial; font-size:11px; color: F22CC1; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:Arial; font-size:11px; color: C3FFFE; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:Arial; font-size:11px; color: 22B6FE; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:Arial; font-size:11px; color: C6E9F1; focre
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}

.Comments { position:absolute; left:200px; top:450px; width:250px; z-index:3; padding:0px; border:0px; background-color:transparent;}

.contactTable {display:none!important; border:0px !important;}
</style>

<style type="text/css">
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>
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
</style>

</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>

Who I'd Like To Meet:

<div class="Comments">
Comments. <3<br>
<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name=" 12067558" value=" 12067558" type="hidden"><textarea name="f_comments" style="border-width: 1px; width: 200px; height: 100px; border-style: solid; border-color: black; font-family: arial; text-transform: none; font-size: 9px; text-align: center; padding: 2px; color: black; font-weight: normal; background-color: transparent;" style="overflow:auto;">Comment here</textarea><br> <input value="=]" style="border-width: 0px; border-style: solid; border-color: 000000; font-family: arial; font-size: 9px; color: 000000; font-weighT: normal; letter-spacing: 1px; text-transform: none; background-color: transparent;" type="submit"></form>
</DIV>


<div id="AboutMe">Rena Marie. aka Blazn. 15. Rising Sophmore@WSHS. Self-titled dork. Democrat. <b>Bitch.</b> Violent. Vulgar. <b>Music.</b> Webdeisgn. Pocky. <b>Friends.</b> Piano. Reading. Singing&&Dancing. [[badly]] <P><P><center><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=12067558"><img src="http://i5.tinypic.com/14o5cn6.png" border="0" alt="Add Me"></A> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=12067558"><img src="http://i5.tinypic.com/14o5c87.png" border="0" alt="Message"></A><P><P><P><P><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=12067558&MyToken=e884f836-55ee-4286-a461-ea4351fd9e4a"><img src=http://i5.tinypic.com/14t0qko.png" border="0" alt="Image and video hosting by TinyPic"></a><P><P><P><P><embed allowScriptAccess="never" src="http://looplets.filmloop.com/flash/looplet.swf" quality="high" scale="noscale" salign="1" flashvars="base=looplets.filmloop.com&weblinkid=A5XMLfk9g0S0oxST3dfog-Nmf96zeldE&incr=2" name="looplet" align="middle" bgcolor="#333333" width="250" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></center></div>

<DIV class="Main"> <table style="width:800px; height:600px; cellpadding:0px; cellspacing:0px; border:2px solid silver; background-color:ffffff;}"> <tr> <td valign="top"><img src="http://img210.imageshack.us/img210/9851/layout5zw.png"></td> </tr> </table> </DIV>

<style>
.a { hide friends and comments }
.friendsAndComments {display:none;}
.a { unhide edit link and submit button }
table table table table table div {display:block !important;}
</style>
</td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table><tr><td>
<table><tr><td>

Interests:

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>



<div class="Lovers">
<a href="http://myspace.com/limesarehot">The Best Friend.<span><img src="http://i6.tinypic.com/14smop4.png" width="168px"></span></a><br>
<a href="http://www.myspace.com/64325492">Lover.<span><img src="http://freewebs.com/taintedxmemories/Rachie.png" width="184px"></span></a><br>
<a href="http://myspace.com/chixdigbrazilins">Brazilian.<span><img src="http://i5.tinypic.com/14sk037.png" width="184px"></span></a><br>
<a href="http://www.myspace.com/teaganrobinsonlovesyou">Wifey.<span><img src="http://i6.tinypic.com/14smona.png" width="159px"></span></a><br>
<a href="http://www.myspace.com/ukrraine">Math Buddy.<span><img src="http://i6.tinypic.com/14no7ir.png" width="192px"></span></a><br>
<a href="http://myspace.com/wheaties123">Megan<span><img src="http://i5.tinypic.com/14no4zr.png" width="120px"></span></a><br>
</div>

Sorry it's so much. ><

[*This Confession*]

k
well i hope its fine
but i re-did the whole thing
or well coded it all differently

it has all your info if you want me to explain where all the stuff goes and everything just ask and i'll explain it.

Oh, i fixed your image rollovers since i put the code in the scripts i know how to fix your problem its all solved its in the top right table though

ALSO i didn't know what you wanted in the bottom right table so i wrote where you should right, bottom right table


Enjoy:biggrin:


ABOUT ME CODING

CODE

<style type=text/css>

body {
background-color: 000000  
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:000000;
scrollbar-track-color: 000000;
scrollbar-shadow-color: 000000;
scrollbar-face-color:000000;
scrollbar-highlight-color:000000;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:000000;}
</style>
<style>
a:link, a.man{font-family:Arial; font-size:11px; color: F22CC1; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:Arial; font-size:11px; color: C3FFFE; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:Arial; font-size:11px; color: 22B6FE; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:Arial; font-size:11px; color: C6E9F1; focre
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}

.contactTable {display:none!important; border:0px !important;}
</style>

<style type="text/css">
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>
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
</style>

</div> <style type="text/css"> .hidethem {visibility:hidden; display:none;} </style>

<style type="text/css">
table, tr, td {background:000000;}
table table table table, table table table table td.text, table.contactTable {display:none;}
td.text table, .orangetext15 {visibility:hidden;}
td.text table table {display:inline; visibility:visible;}
td.text td.text table {display:none;}
div b font font, div font font u {display:none;}
.whitetext12 { display: none; }
.nametext { display:none;}
</style>

WHO ID LIKE TO MEET CODING.

CODE

<style> body{ background-color:000000;}</style>

<div class="bg" style="position: absolute; left:90px; top:155px; width:785px;
height:523px; overflow: hidden;">
<img src="http://img210.imageshack.us/img210/9851/layout5zw.png">
</div>


<div class="comments" style="position: absolute; left:120px;  top:480px;
width:336px; height:408px; overflow: auto;"><center>

Comments. <3<br>
<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name=" 12067558" value=" 12067558" type="hidden"><textarea name="f_comments" style="border-width: 1px; width: 200px; height: 100px; border-style: solid; border-color: black; font-family: arial; text-transform: none; font-size: 9px; text-align: center; padding: 2px; color: black; font-weight: normal; background-color: transparent;" style="overflow:auto;">Comment here</textarea><br> <input value="=]" style="border-width: 0px; border-style: solid; border-color: 000000; font-family: arial; font-size: 9px; color: 000000; font-weighT: normal; letter-spacing: 1px; text-transform: none; background-color: transparent;" type="submit"></form>
</DIV>


<div class="about me" style="position: absolute; left:120px;  
top:245px; width:333px; height:178px; overflow: auto;"><center>

Rena Marie. aka Blazn. 15. Rising Sophmore@WSHS. Self-titled dork. Democrat. <b>Bitch.</b> Violent. Vulgar. <b>Music.</b> Webdeisgn. Pocky. <b>Friends.</b> Piano. Reading. Singing&&Dancing. [[badly]] <P><P><center><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=12067558"><img src="http://i5.tinypic.com/14o5cn6.png" border="0" alt="Add Me"></A> <a href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=12067558"><img src="http://i5.tinypic.com/14o5c87.png" border="0" alt="Message"></A><P><P><P><P><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=12067558&MyToken=e884f836-55ee-4286-a461-ea4351fd9e4a">..</a><P><P><P><P><embed allowScriptAccess="never" src="http://looplets.filmloop.com/flash/looplet.swf" quality="high" scale="noscale" salign="1" flashvars="base=looplets.filmloop.com&weblinkid=A5XMLfk9g0S0oxST3dfog-Nmf96zeldE&incr=2" name="looplet" align="middle" bgcolor="..333333" width="250" height="150" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed></center></div>


<div class="top right table" style="position: absolute; left:515px;
top:245px; width:333px; height:178px; overflow: auto; text-align:left;"><left>

<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


<a href="http://myspace.com/limesarehot">The Best Friend.<span><img src="http://i6.tinypic.com/14smop4.png" width="168px"></span></a><br>
<a href="http://www.myspace.com/64325492">Lover.<span><img src="http://freewebs.com/taintedxmemories/Rachie.png" width="184px"></span></a><br>
<a href="http://myspace.com/chixdigbrazilins">Brazilian.<span><img src="http://i5.tinypic.com/14sk037.png" width="184px"></span></a><br>
<a href="http://www.myspace.com/teaganrobinsonlovesyou">Wifey.<span><img src="http://i6.tinypic.com/14smona.png" width="159px"></span></a><br>
<a href="http://www.myspace.com/ukrraine">Math Buddy.<span><img src="http://i6.tinypic.com/14no7ir.png" width="192px"></span></a><br>
<a href="http://myspace.com/wheaties123">Megan<span><img src="http://i5.tinypic.com/14no4zr.png" width="120px"></span></a><br>
</div>

</div>


<div class="bottom right table" style="position: absolute; left:515px;
  top:460px; width:333px; height:178px; overflow: auto;"><center>


this is the bottom right table

</div>

this is a preview of the layout.
I thought black looked good as the bg. hope you do too.

preview:



click it for full view.

also i left the top links to show..their not in the preview though.


[oh .PS]

to let you see where the image rollovers image show up
when you hover a link

preview :


click as well to see full view

[TAiNTEDxMEMORiES]

I think I love you...:] Thanks it works now. ^^

[*This Confession*]

Welcome deary.

Hope you enjoy it as well !

topic closed