DIV comments help Options

[visionzstyle]

I got a DIV layout up but i want my comments to show up in the white space, but the comment box wont show in the layout and iv'e tried z-index:1; in the codes, heres my current comment box code.

CODE

ABOUT ME:

<style>.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:300px;
overflow:auto;z-index:1; background-color:FFFFF;
border:black 1px solid;z-index:2px;}</style>

CODE

BTM OF WHO ID LIKE TO MEET:


<div class="comments"><table><tr><td><table><tr><td>

heres my myspace

myspace.com/visionzstyle

[jellogarden]

well I don't know what things look like behind that picture

but either the comments and friends are hidden

or you need to use a different z-index for the comment DIV box

like if the z-index of the picture is 1, the z-index of the comments needs to be > 1

[*WHIMSICAL 0NE*]

Well, in your code you have z-index twice.

<style>.comments{visibility:visible;width:500px; height: 400px;position:absolute;top:120px;left:300px;
overflow:auto;z-index:1; background-color:FFFFF;
border:black 1px solid;z-index:2px;}</style>

The z-index doesn't really have to do with the postioning of your comments. I don't think that you having z-index twice would mess with the position of the div. Could you possibly share your myspace link so it's not just a positioning problem?

[visionzstyle]

i kinda figured it out check it out, i actually changed the z-index to 5

http://www.myspace.com/visionzstyle

but the thing is i dont want it like that i just want it as custom comment box instead of that any ideas?

thanks

[*WHIMSICAL 0NE*]

Do you mean like this?
http://www.createblog.com/scripts/download.php?id=391

[Intercourselyts]

Also would you like to have your comments visible, and hide your original myspace layout: If so I would get rid of your comments code you have now and add this:
http://www.createblog.com/forums/index.php?showtopic=151811
At the end of the code you see the comments properties so its pretty much the same, set the width for the div and then change the top and left positioning to position it where you would like

[visionzstyle]

alright heres my problem now...

i deleted my old comment code and added this
http://www.createblog.com/scripts/download.php?id=391

i changed the z-index to 5 but when i look at my page my comments show and the layout gets screwed...

heres my link
http://www.myspace.com/visionzstyle



heres all my codes

CODE

ABOUT ME :

<div style="position:absolute; right:200px; top:-50px; width:100=px; height:100=px; z-index:3; background-color:#ffffff; overflow:auto;">

</div>


<div id=layer1 style="position:absolute; top:143px; left:21px; width:1000; height:800; z-index:3; padding:5px; border: #000000 2px solid; background-color:#000000; background-image:url(yourfilename.gif);
margin-top:0px;
layer-background-image:url(yourfilename.gif);"><img src="http://img53.imageshack.us/img53/821/layoutfinalhz8.jpg"alt= border="0" usemap="#Map" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=19541633"/>
  <map name="Map">
    <area shape="rect" coords="79,53,158,93" href="#" />
    <area shape="rect" coords="202,30,248,63" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=19541633&MyToken=5c28f5ba-3f22-4542-b4f7-2daea905d952" />
    <area shape="rect" coords="310,29,426,75" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=19541633&Mytoken=E60DC924-6596-44E3-B94597B84F7FEB4B46290467" /><area shape="rect" coords="391,185,519,220" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=19541633" />
  </map>
  >
<a href="" target="_blank">..</a></a></div>




</div>






<style>td td object {position:absolute; left:0px; top:-100px; display:block; width:100px; height:50px;}</style><a href= title="Web Tracker"><font size="1">Web Tracker quick link</font><br/></a>



<style type="text/css">
div { visibility: visible; }
div table { visibility: visible; }
div table td { visibility: hidden; }
div table table td { visibility: visible; }
div table table { visibility: visible; }
div table table div { visibility: visible; }
table td div div { visibility: visible; }
div table { visibility: visible; }
[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[ { visibility: hidden; }
</style>
                
table, tr, td {background:transparent;}
    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;}



<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="19541633" type="hidden"><textarea name="f_comments" style="width: 155; height: 15px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">commentkthx </textarea>
<br> <input value="done" style="border-width: 1px; border-style: solid; z-index:5; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="opps" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form>






<style type="text/css">
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style><a href= target="_blank">..</a>



WHO ID LIKE TO MEET :



<div class="comments"><table><tr><td><table><tr><td>




Interests:




<style>body div table tbody tr td font {visibility:hidden;}
.navbar {visibility:visible;}
.navbar font {visibility:hidden;}</style><a href="" target="_blank">..</a>

Thanks

oh and intercourse i tried that but it completly messed up my profile and turned it all grey lol it's probably something with my codes check it out if you can.


thanks

[*WHIMSICAL 0NE*]

Well, you should hide your profile using a code like this:
http://www.createblog.com/scripts/download.php?id=368

Also, when you put your comment box code in you put it in the middle of nowhere. You should take that comment box code out and put it in a div, like this:

CODE

<div class="contact" style="position: absolute; left:000px;  top:000px; width:208px; height:300px; overflow: auto;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="19541633" type="hidden"><textarea name="f_comments" style="width: 155; height: 15px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">commentkthx </textarea>
<br> <input value="done" style="border-width: 1px; border-style: solid; z-index:5; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="opps" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form></div>

Just change the height and width until it fits right and position it correctly.

Also, just an observation but your code seems a bit messy. I would suggest putting mostly all of your css inbetween one set of <style> tags.

[*Infinite.*]

Do you want it to look like something like this?

Some things need to be moved but heres the just of it:
http://www.myspace.com/infinite_save

[visionzstyle]

Do you want it to look like something like this?

Some things need to be moved but heres the just of it:
http://www.myspace.com/infinite_save

thats really awsome :D:D:D

yea i was thinking exactly along those lines.

think you can give me the code for that? that'll be appreciated


Thanks

[visionzstyle]

why is it when i try to hide my profile my layout included gets hidden

[freeflow]

What about the code Holly was going to give to you?



Well for one instead of using <div id=" " I would change that to <div class=" title here" . Then here:

<div style="position:absolute; right:200px; top:-50px; width:100=px; height:100=px; z-index:3; background-color:#ffffff; overflow:auto;">

</div>

You should change that too:

<div class="whatever" style="position:absolute; right:200px; top:-50px; width:100=px; height:100=px; z-index:3; background-color:#ffffff; overflow:auto;">

</div>

[visionzstyle]

no when i put in this code to hide my profile it hides the layout to so its all grey
http://www.createblog.com/scripts/download.php?id=368

[freeflow]

Thats what I mean if you change those codes it may help. Plus in the code you posted above you already have a code that hides your profile. Did you edit your code any since the last post? If so post it and I'll see what I can fix.

[visionzstyle]

yea your right toyo i had another code for something else i just deleted it but the comment box still doesnt show up over the layout with they profile hidden.Heres my codes

CODE

<div class="whatever" style="position:absolute; right:200px; top:-50px; width:100=px; height:100=px; z-index:3; background-color:#ffffff; overflow:auto;">

</div>


<div id=layer1 style="position:absolute; top:143px; left:21px; width:1000; height:800; z-index:5; padding:5px; border: #000000 2px solid; background-color:#000000; background-image:url(yourfilename.gif);
margin-top:0px;
layer-background-image:url(yourfilename.gif);"><img src="http://img53.imageshack.us/img53/821/layoutfinalhz8.jpg"alt= border="0" usemap="#Map" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=19541633"/>
  <map name="Map">
    <area shape="rect" coords="79,53,158,93" href="#" />
    <area shape="rect" coords="202,30,248,63" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=19541633&MyToken=5c28f5ba-3f22-4542-b4f7-2daea905d952" />
    <area shape="rect" coords="310,29,426,75" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=19541633&Mytoken=E60DC924-6596-44E3-B94597B84F7FEB4B46290467" /><area shape="rect" coords="391,185,519,220" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=19541633" />
  </map>
  >
<a href="" target="_blank">..</a></a></div>




</div>





<style>td td object {position:absolute; left:0px; top:-100px; display:block; width:100px; height:50px;}</style><a href= title="Web Tracker"><font size="1">Web Tracker quick link</font><br/></a>



<style type="text/css">
div { visibility: visible; }
div table { visibility: visible; }
div table td { visibility: hidden; }
div table table td { visibility: visible; }
div table table { visibility: visible; }
div table table div { visibility: visible; }
table td div div { visibility: visible; }
div table { visibility: visible; }
[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[]]]] { visibility: hidden; }
</style>
                
table, tr, td {background:transparent;}
    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;}



<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="RAWRR" type="hidden"><textarea name="f_comments" style="width: 155; height: 500px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">HEY </textarea>
<br> <input value="SUBMIT" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="RESET" style="border-width: 1px;margin-left:0; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; z-index:5; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form>



<style type="text/css">
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style><a href= target="_blank">..</a>




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

[freeflow]

Your comment box doesn't show up over because you didn't put it in a div you just pasted it.

[visionzstyle]

sorry if this is annyoing and rude but yet another problem

well since it was in a div code tokyo i decided to use the one WHIMSICAL 0NE gave me which is

CODE

<div class="contact" style="position: absolute; left:000px;  top:000px; width:208px; height:300px; overflow: auto;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="19541633" type="hidden"><textarea name="f_comments" style="width: 155; height: 15px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">commentkthx </textarea>
<br> <input value="done" style="border-width: 1px; border-style: solid; z-index:5; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="opps" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form></div>

but the thing is this comment box doesn't work, i got my profile hidden too


thanks in advanced

[freeflow]

You can't test your own comment box and you have to change 000 to the positions.

[visionzstyle]

lol i didnt mean it doesnt work as in i dont receive comments i meant i dont see the comment bo.

[freeflow]

I know and as I said you need to position it and set a width and height. If you leave it as 000 it won't work..

[visionzstyle]

hmm i set a width and a height but isnt already positioned cause it still doesnt work :(

CODE

<div class="contact" style="position:absolute; left:100px;  top:200px; width:208px; height:150px; overflow:auto;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="19541633" type="hidden"><textarea name="f_comments" style="width: 155; height: 300px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">commentkthx </textarea>
<br> <input value="done" style="border-width: 1px; border-style: solid; z-index:5; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="opps" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form></div>

[freeflow]

Change your code to this, you didn't give it a z-index.

CODE

<div class="whatever" style="position:absolute; right:200px; top:-50px; width:100px; height:100=px; z-index:1; background-color:#ffffff; overflow:auto;">

</div>

<style type="text/css">
div { visibility: visible; }
div table { visibility: visible; }
div table td { visibility: hidden; }
div table table td { visibility: visible; }
div table table { visibility: visible; }
div table table div { visibility: visible; }
table td div div { visibility: visible; }
div table { visibility: visible; }
[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[]]]] { visibility: hidden; }
</style>
        

<div id=layer1 style="position:absolute; top:143px; left:21px; width:1000; height:800; z-index:2; padding:5px; border: #000000 2px solid; background-color:#000000; background-image:url(yourfilename.gif);
margin-top:0px;
layer-background-image:url(yourfilename.gif);"><img src="http://img53.imageshack.us/img53/821/layoutfinalhz8.jpg"alt= border="0" usemap="#Map" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=19541633"/>
  <map name="Map">
    <area shape="rect" coords="79,53,158,93" href="#" />
    <area shape="rect" coords="202,30,248,63" href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=19541633&MyToken=5c28f5ba-3f22-4542-b4f7-2daea905d952" />
    <area shape="rect" coords="310,29,426,75" href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=19541633&Mytoken=E60DC924-6596-44E3-B94597B84F7FEB4B46290467" /><area shape="rect" coords="391,185,519,220" href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&amp;friendID=19541633" />
  </map>
</div>





<style>td td object {position:absolute; left:0px; top:-100px; display:block; width:100px; height:50px;}</style><a href= title="Web Tracker"><font size="1">Web Tracker quick link</font><br/></a>

<style>
        
table, tr, td {background:transparent;}
    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>
<div class="contact" style="position:absolute; left:100px;  top:200px; width:208px; height:150px; overflow:auto; z-index:3;">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="19541633" type="hidden"><textarea name="f_comments" style="width: 155; height: 300px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000; background-color: ffffff;" style="overflow:auto;">commentkthx </textarea>
<br> <input value="done" style="border-width: 1px; border-style: solid; z-index:5; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt; font-size: 7px; color: 000000; background-color: ffffff;" type="submit"> <input value="opps" style="border-width: 1px; border-style: solid; border-color: 000000; width:75px; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 7px; color: 000000;  background-color: ffffff;" type="reset"></form></div>

<style type="text/css">
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:3;}
td.text td.text table table br {display:inline;}
</style><a href= target="_blank">..</a>




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

[visionzstyle]

awsome^^

it works thanks alot everyone for the support