comment box Options

[Smarmosaur]

i've looked a bit and can't find anything or i've skipped over it.

i used this code for myspace. it looks 100% fine in mozilla, but in IE the reset button is under the post button. i wouldn't worry too much about it, but the layout is for my friend who has IE and i'd really like it to look perfectly. is there any way i can fix this so it looks completely fine is both browsers?
myspace: http://www.myspace.com/christmastest

mozilla: [attachment=14992:m.jpg]
IE: [attachment=14993:i.jpg]


DIV code:

CODE

<div style="position:absolute; top:515px; left:533; z-index:3;"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="283990523" type="hidden"><p><textarea name="f_comments" style="width: 155; height: 45px;" 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;">all I want for Christmas is you. <3 </textarea>
</p> <input value="post" 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="oops" 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>

[S-Majere]

This is the code I use for comment boxes; tested in both IE and Firefox:

CODE

<style><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="FRIENDIDHERE">
<textarea name="f_comments" cols="50" rows="6"></textarea><br>
<input type="submit" value="Submit"> <input type="reset" value="Reset"></form><br>
</center>

<style type="text/css">
  textarea {background-color:ffffff;
  background-image:url();
  border-width:1px; border-style:solid;
  border-color:68687B; color: A3A0AC; font-family:Verdana;}
  input {background-color: EFE5ED; border-width:1px; border-style:solid; border-color:68687B; color: 655877; font-family:Verdana;
}
</style>

[Marlons]

Try adding a BR after each textarea.that usually works for me.

[Smarmosaur]

This is the code I use for comment boxes; tested in both IE and Firefox:

CODE

<style><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="FRIENDIDHERE">
<textarea name="f_comments" cols="50" rows="6"></textarea><br>
<input type="submit" value="Submit"> <input type="reset" value="Reset"></form><br>
</center>

<style type="text/css">
   textarea {background-color:ffffff;
   background-image:url();
   border-width:1px; border-style:solid;
   border-color:68687B; color: A3A0AC; font-family:Verdana;}
   input {background-color: EFE5ED; border-width:1px; border-style:solid; border-color:68687B; color: 655877; font-family:Verdana;
}
</style>

does the same thing. :[

Try adding a BR after each textarea.that usually works for me.

line breaks don't work in my myspace layouts, for some unknown reason.

[S-Majere]

My code works; I can only assume it's the rest of your layout which is causing the problem somehow. Can you post the complete code for me?

[Smarmosaur]

About:

CODE

<style>body div td div div select {position:absolute!important;top:-1000px;}
body div div form {display:none !important;}
table table div form {display:inline !important;}</style>

<style>
a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
table tr td div font {display: none;}
tr {background-color:transparent}

body {
background-color:d3d3d3;
background-image:url("");
background-position: center;
background-attachment: fixed;
border-width: 0px;
border-style: solid;
cursor:crosshair;
background-repeat: no-repeat;}

table, tr, td { background-color:transparent; border:none; border-width:0;} table table table table td {filter:none;} table table{border:0px} table table table td {border-style:Solid; border-width:0px; border-color:000000; background-color:transparent;} table table table table{border:0px}

{TABLE TEXT}
table, tr, td, li, p, div {color:black; font-size:9;}

{LINKS}
a:active, a:visited, a:link {color:5e9bac; font-size:9;}a:hover {color:236170; font-size:9; text-transform:none;}

b {color:5e9bac; font-family:century gothic; font-size:11px; letter-spacing:0px; font-weight:bold;}

i {color:236170; font-size:10px; font-family:century gothic; font-weight:bold;}

u {color:9cc2cb; border:none; font-family: century gothic; text-transform:bold; text-decoration: none;}


.ImgOnlineNow{display:none;}
.commentlinks {display:none;}
.navigationBar{display:none;}
.profileInfo {display:none;}
.interestsanddetails {display:none;}
.extendedNetwork {display:none;}
td.text br {display:none;}
.a {hide only blogs}
.latestBlogEntry {display:none;}
.contactTable {display:none;}
table.UserProfileURL {display:none;}
.interestsAndDetails .whitetext12{display: none;}
.friendSpace {display:none;}
.userProfileDetail {display:none;}
.userProfileSchool {display: none;}
.orangetext15 {display:none;}
td td embed {position:absolute; left:50%; margin-left:-5px; top:3px; width:3px; height:3px; } td td td embed { position:static; width:auto; height:auto; }
div table div div select {position:absolute !important; top:-200px !important; left:0px !important; }
.FriendsComments table table {display:none;}
.friendsComments td {height:0px;}
.FriendsComments td {background-color:transparent;}
.FriendsComments td.text td a {display:none;}
.FriendsComments td.text td b a,.FriendsComments td.text td td a {display:inline;}
</style>

Like to Meet:

CODE

<div class="bg" style="position: absolute; overflow: hidden; top: 150px; left:25%; z-index:1;">
<table id="Table_01" width="508" height="575" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6">
<img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/bluechristmasDIV_01-1.png" width="508" height="534" alt=""></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy">
<img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/home-3.png" width="86" height="29" border="0" alt=""></a></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld1BpY3R1cmUmZnJpZW5kSUQ9MjgzOTkwNTIz">
<img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/pictures-2.jpg" width="99" height="41" border="0" alt=""></a></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0yODM5OTA1MjM=">
<img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/add-3.png" width="69" height="41" border="0" alt=""></a></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MjgzOTkwNTIz">
<img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/message-3.png" width="91" height="41" border="0" alt=""></a></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MjgzOTkwNTIz">
<img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/blogs-1.png" width="67" height="41" border="0" alt=""></a></td>
<td rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZTEzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld2Zy
WVuZHMmZnJpZW5kSUQ9MjgzOTkwNTIz">
<img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/friends-1.jpg" width="96" height="41" border="0" alt=""></a></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vcm9ja2l0c3R1ZGlvcy5jcmVhdGVibG9nLmNvbS8=">
<img src="http://i6.photobucket.com/albums/y213/Vampyres_of_Myst/ImageMap/rockit-3.png" width="86" height="12" border="0" alt=""></a></td>
</tr>
</table>
</div>

<div style="position:absolute; top:172px; left:277px; height:317px; width:460px; overflow:auto; z-index:2;"><center>
Put stuff about you here. Change the overflow if you want. This is stuff about me. lalala. my age, name, birthday, sex, location, hobbies. Whatever. lalala. this is my stuff. i hate you. i love music. my favorite color is navy blue. i'm a retard. i like to sing. i hate when people are stupid. i love my mp3 player. Put stuff about you here. Change the overflow if you want. This is stuff about me. lalala. my age, name, birthday, sex, location, hobbies. Whatever. lalala. this is my stuff. i hate you. i love music. my favorite color is navy blue. i'm a retard. i like to sing. i hate when people are stupid. i love my mp3 player. Put stuff about you here. Change the overflow if you want. This is stuff about me. lalala. my age, name, birthday, sex, location, hobbies. Whatever. lalala. this is my stuff. i hate you. i love music. my favorite color is navy blue. i'm a retard. i like to sing. i hate when people are stupid. i love my mp3 player. Put stuff about you here. Change the overflow if you want. This is stuff about me. lalala. my age, name, birthday, sex, location, hobbies. Whatever. lalala. this is my stuff. i hate you. i love music. my favorite color is navy blue. i'm a retard. i like to sing. i hate when people are stupid. i love my mp3 player. <p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p>
<p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p>
<p>.</p><p>.</p><p>.</p><p>.</p><p>.</p><p>.</p></center>
</div>

<div style="position:absolute; top:513px; left:533; z-index:3;"><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="FRIENDIDHERE">
<textarea name="f_comments" cols="50" rows="6"></textarea><p>
<input type="submit" value="Submit"> <input type="reset" value="Reset"></form></p>
</center>

<style type="text/css">
textarea {background-color:ffffff;
background-image:url();
border-width:1px; border-style:solid;
border-color:68687B; color: A3A0AC; font-family:Verdana;}
input {background-color: EFE5ED; border-width:1px; border-style:solid; border-color:68687B; color: 655877; font-family:Verdana;
}
</style>
</div>

[Marlons]

line breaks don't work in my myspace layouts, for some unknown reason.

Really? that's odd