Edited layout and it is stuffed? Options

[lukasbobjim]

Hi,

I tried editing my myspace so that all comments were hidden. After looking around I found that playing with the width of the tables might help. However, it didn't.

The problem is, there is no add comments link, you can still scroll down the comments if you highlight and move the mouse down and all of the sections have joined together. Also, the other small problem is the Pacman game has shrunk.

Basically I just want all comments hidden but everything else normal.

Below is an image of what it looks like and the codes I have used.

Code in About Me:

<embed allowScriptAccess="never" allowNetworking="internal" enableJSURL="false" enableHREF="false" saveEmbedTags="true" src=http://www.media.ebaumsworld.com/pacman.swf enableJavaScript="false" allowScriptAccess="never" allowNetworking="internal" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_P rod_Version=ShockwaveFlash" width=350 height=600 type=application/x-shockwave-flash EMBED ></embed><p>Games<p>

<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

<style type="text/css">

body div table td form option{display:none!important;}
body div table td form select{display:none!important;}
body div table td form input{display:none!important;}

</style>

</a>.<style>.r{}</style>
<style type="text/css">
body {
background-color: DDE5D9;
font-family: helvetica, Arial;
font-size: 12px;
color: 888888;
}

.themecreativecom_main {
position: absolute;
left: 50%;
top: 125px;
width: 1000px !important;
height: 800px;
z-index: 1;
margin-left: -500px;
padding-bottom: 15px;
background-color: DDE5D9;
text-align: center;
border: 0px solid black;
}


.leftbox {
width: 550px;
border-top: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
border-right: 3px solid ;
border-color: CED4CA;
text-align: left;
float: left;
background-color: white;
margin-top: 20px;
padding: 7px;
}

.centerbox {
width: 190px;
border-top: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
border-right: 3px solid ;
border-color: CED4CA;
text-align: left;
float: left;
margin-left: 10px;
background-color: white;
margin-top: 20px;
padding: 7px;
}

.rightbox {
width: 185px;
border-top: 1px solid;
border-bottom: 1px solid;
border-left: 1px solid;
border-right: 3px solid ;
border-color: CED4CA;
text-align: left;
float: left;
margin-left: 10px;
background-color: white;
margin-top: 20px;
padding: 7px;
}



.headertext {
margin: 0 0 3px 0;
padding: 0 0 3px 0;
line-height: 100%;
font-size: 26px;
font-family: arial, helvetica, sans-serif;
letter-spacing: -1px;
}

h2 {
margin: 0 0 3px 0;
padding: 0 0 3px 0;
line-height: 100%;
font-size: 18px;
font-family: arial, helvetica, sans-serif;
letter-spacing: -1px;
color: 77BDC1;
}

.content {
line-height: 18px;
font-size: 12px;
color: 888888;
}

ul {
margin: 0;
padding: 0;
list-style-type: none;
}

ul li a{
display: block;
text-indent: 5px;
width: 180;
height: 28px;
line-height: 28px;
background-color: white;
color: 8AB459;
text-decoration: none;
}


ul li a:hover{
display: block;
text-indent: 5px;
width: 180;
height: 28px;
line-height: 28px;
background-color: 98C2C5;
border-bottom: 1px solid DCDCDC;
color: white;
text-decoration: none;
}
</style>

<div style='position:absolute;z-index:9;left:0px;top:0px;'>
</a>
</div>
<style>.r{}</style>


<style type="text/css"> .contactTable {display:none;} table table td img {display:none;} table table table td img {display:inline;} table td td {width:0px;} table {width:450px;} table table {width:auto;} table table td {padding:3px;} table table table td {padding:0px;} table table table {width:400px !important; height:0px;} td.text td a img {width:auto !important;} table table table table table, table table table table table td { width:0px !important; padding:0px !important;} td.text a img {width:100px !important;} td.text td.text a img {width:35px !important;} td td td div strong {width:170px !important; display:block;} textarea, input, font, a, table, td, div, b {font-size:6pt !important;} span {font-size:7pt !important;} embed, object {display:block; width:220px; height:38px;} .orangetext15, .blacktext10 { display:block; width:110px; font-size:6pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>

<div style="position:relative; height:400px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>
</a>

Code in Who I'd Like to Meet:

<style>.redlink {display:none;}</style>

This is what it looks like...


Any help would be greatly appreciated.

Thanks,
Luke

[*WHIMSICAL 0NE*]

The reason your game has shrunk is because you put in the code <style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>
you need to remove it so that the game will show up.