My myspace is www.myspace.com/atomicandy
Here is my the code for the DIV that is displaying my comments:
</td></tr></table></td></tr></table></...
<style>
table, tr, td, tbody {background-color: transparent; border:0px}
div table td font {visibility: hidden}
div table table table td font {visibility: hidden}
table table table td {visibility: hidden}
marquee, table table table div td {visibility: visible}
table table embed {display: block; position: absolute; top: 0px; left: 0px; visibility: visible}
table table table embed {position: static}
table div div, table tr td div font a {visibility: hidden}
.div1 div, .div2 div, .div3 div,
.div1 a, .div2 a, .div3 a {visibility: visible !important}
table table table table div a {visibility: visible}
.contactTable, .lightbluetext8, td.text td.text table {display: none}
.comt a img, .comt td td td a, .text, {display: table}
table table, table table td {padding: 0px; height: 0px}
a:link, a:visited, a:hover {
color: blue;
font-weight: normal;
font-size: 10px;
font-family: "Microsoft Sans Serif";
text-decoration: none}
a:hover { text-decoration: underline}
.SECTION{: ***** COMMENT STYLES ***** }
.NOTE{: hides friends space and span text and unhides actual comments }
.comt td td td table, .btext, .orangetext15, .redlink{ display: none}
.comt td td td { visibility: visible; background-color: FFFFFF !important; border: 0px; width: 250px}
.NOTE{: the MAIN comt div }
.comt {
visibility: visible;
width: 300px; height: 355px;
position: absolute;
top: 406px; left: 50%; margin-left: -128px;
overflow-x: hidden;
overflow-y: scroll;
background-color: FFFFFF;
z-index: 8}
.NOTE{: fills the empty space at the top. (the width of this should always be about 50px less than the MAIN comt div) }
.comt table {
visibility: hidden; height: 0px;
position: relative; top: -15px;
width: 15px; z-index: 8}
.NOTE{: always keep this 10px less than the above code }
* html .comt table { top: -25px !important}
.SECTION{: ***** ALL TEXT ***** }
.NOTE{: comment date (the width should be around 130px less than the main comt div) }
.blacktext10 {
background-color: DCEBF3;
color: 000;
display: block;
width: 220px;
height: 13px;
padding-top: 2px}
.NOTE{: lowers comment date box }
.blacktext10 {
font-family: "Microsoft Sans Serif";
font-size: 10px;
color: black;
text-indent: 12px;
position: relative; top: 20px;
font-weight: normal;
margin-bottom: 4px}
.NOTE{: style of all text in comments }
.comt td td td, .comt td td td b {
font-family: "Microsoft Sans Serif";
font-size: 9px;
font-weight: normal;
color: black;
line-height: 10px;
padding-left: 5px;
padding-bottom: 5px;
width: 218px}
.NOTE{: style of all links in comments and friend name ;
.comt td td td a {
font-family: "Microsoft Sans Serif";
font-size: 10px;
color: blue;
font-weight: normal;
text-decoration: none}
.comt td td td a:hover {
font-family: "Microsoft Sans Serif";
font-size: 10px;
color: blue;
font-weight: normal;
text-decoration: underline}
.SECTION{: ***** RESIZE TEXT AND IMAGES ***** }
.NOTE{: resize images posted in comments. (use same width as: blacktext10) }
.comt img { width: 90px; max-width: 90px}
.NOTE{: IE FIX }
* html .comt img { width: 90px}
.NOTE{: resize linked images including friends profile pic }
.comt a img { width: 90px; max-width: 90px}
.NOTE{: IE FIX }
* html .comt a img { width: 90px}
.NOTE{: resize/hide 'Online Now' image }
.comt div img, .comt td td td div { width: 0px; display: none}
.NOTE{: add line comment devider }
.comt td td td { border-bottom: 1px solid; border-color: CCCCCC}
.NOTE{: hides friends 'Online Now' image }
</style>
the box resizes good, fits right where I want it to go with these settings, but at first glance you see white, and must scroll right all the way over to see my comments. Its like they are right aligned or something. IDK how to fix it hopefully someone can help me out!
Tags: