Comments and Right side positioning problems Options

[oblivionguitaris...]

Ok, Here's my page: www.myspace.com/avianember. Can anyone help me with what I did wrong?
I need everything on the right side to line up under the first header "tour dates".

I don't think it has anything to do with the coordinates.. it's probably just a mistype in another part of the code, but I've looked over and over again and can't figure it out.


Also, the comments are kinda messed up. The "Comment Back, Send Message and Block User" links on every comment shouldn't be visible nor active.


Here's the part of the code where I think I messed up:

CODE

<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: ffffff !important;
width: 450px !important;
border-collapse: collapse !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 35px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i628.photobucket.com/albums/uu2/spaceboyD/thehint_jan2010/bloghead.png);
background-repeat: no-repeat;
background-position: 0px 0px;

overflow: hidden;

_background-position: 0px 10px;
_margin-left: -4px !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr{
display: inline;
margin: 0 !important;
padding: 0 !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td{
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 449px !important;
font-family: Arial;
color: ffffff !important;
clear: both !important;
font-size: 1px !important;
line-height: 0px;
vertical-align: middle;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td a{
float: right;
line-height: 35px;
color: ffffff;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: bold;
font-size: 10px !important;
display: block;
height: 35px;
text-transform: Capitalize;

_font-size: 10px !important;
_width:120px;
_text-align:right;
_font-weight: normal;
_postion: absolute !important;
_margin-top: -4px !important;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.text{
line-height: 35px;
position: absolute;
display: block;
border-bottom: 1px dotted dimgray;
border-color: ffffff;
width: 443px;
color: ffffff;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: bold;
font-size: 12px !important;
height: 35px;

_font-size: 10px !important;
_margin-top: -3px !important;
_font-weight: normal !important;
_margin-left: -3px !important;
_width:449px;
}

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry tbody tr td span.btext{
display: block;
float: left;
width: 50px !important;
height: 43px;
font-size: 2px;
overflow: hidden;
color: ffffff !important;
line-height: 300px;
}
</style>


<style>

html body.bodyContent table tbody tr td table.friendsComments{
width: 850px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 0px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: 0px !important;
_width: 850px !important;
_margin-left: 0px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table{
width: 100% !important;
border-collapse: separate !important;
border-spacing: 0px 0px !important;
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important;
height: auto !important;
}

table.friendsComments tbody tr td.text table tbody tr td span.orangetext15{
background-image:
url(http://i628.photobucket.com/albums/uu2/spaceboyD/thehint_jan2010/commentshead.png);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 60px !important;
color: ffffff !important;
width: 850px;
position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: 80px;
line-height: 70px !important;
_width: 850px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 40px !important;
margin-bottom: 20px !important;
_margin-top: 80px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b{
display: block;
position: absolute;
z-index: 2;
width: 820px;
height: 50px;
line-height: 50px;
overflow: hidden;
margin: -50px 0 0 0px;
text-align: right;
padding-right: 12px !important;
color: 4b5c92;
font-weight: normal;
font-size: 12px;
_margin: -23px 0 0 0px;
_font-size: 12px !important;
_color: 4b5c92;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b span.redtext{
font-weight: normal;
color: cccccc;
padding: 0px 5px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a{
color: d0b7a5 !important;
font-size: 12px !important;
text-transform: none;
margin: 0 -7px 0 -8px !important;
padding: 0 9px 0 9px !important;
background-color: transparent !important;
position: relative !important;
display: inline !important;
z-index: 2;
border: none !important;
letter-spacing: 0px !important;
_font-size: 12px !important;
_margin: 0 !important;
_padding: 0 !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table{
overflow: hidden !important;
border: 1px ffffff !important;
border-color: ffffff !important;
width: 100% !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td{
background-color: transparent !important;
text-align: left;
vertical-align: top;
overflow: hidden !important;
font-size: 12px !important;
line-height: 12px !important;
text-transform: none !important;
letter-spacing: 0px;
color: ffffff !important;
margin: 0 !important;
padding: 12px 0px 12px 0px;
border-bottom: 0px 000000 !important;
border-color: FFFFFF !important;
_line-height: 16px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td span.blacktext10{
color: ffffff !important;
text-transform: None !important;
margin: 0px !important;
padding: 0px important;
display: block !important;
font-size: 10px;
font-family: arial, san-serif !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 0px 0px -12px 0px !important;
width: 622px;
border-top: 1px FFFFFF;
_margin: 12px 0px -.5em 0px !important;
_width: 634px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td{
background-color: transparent !important; }

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td a{
display: block;
border: 0px 000000 !important;
border-color: 000000 !important;
border-top-style: solid !important;
border-top-width: 0px !important;
text-align: center;
text-transform: Uppercase;
padding: 12px;
font-size: 12px;
letter-spacing: 1px;
color: transparent !important;
position: relative !important;
margin-top: -3px !important;
background-color: transparent;
_margin-top: -6px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a{
display: block !important;
color: 702236!important;
margin: 0px !important;
padding: 12px 12px 0px 12px !important;
text-transform: none !important;
margin-bottom: -15px !important;
font-size: 10px !important;
line-height: 11px !important;
border: none !important;
letter-spacing: 0px !important;
text-align: center !important;
width: 110px !important;
overflow: hidden !important;
font-weight: normal;
_width: 124px !important;
_margin-bottom: -15px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td a img{
visibility: visible !important;
border: 0px 000000 !important;
border-color: 000000 !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;
_margin-left: -4px;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img.ImgOnlineNow{
display: block;
position: relative;
margin: 15px 0 -20px 26px !important;
border: none !important;
_margin: 15px 0 -20px 21px !important;
}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td table tr td img{
max-width: 100%;
margin: 0px !important;
margin: 0px 0px 12px 0px !important;
}


td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}

</style>

Anyone have a solution?

Reason for edit: Please use [codebox] tags instead of [code] tags when posting longer codes. - Mike

[fixtatik]

First of all, don't do things like this:

CODE

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry { }

It makes debugging annoying, and it just adds extra bulk. The same thing can be written simply as .latestBlogEntry { } (it's why CSS and the class attribute was born).

Secondly, avoid using "!important" when it's not needed. It'll funk with the rest of your code if you try to change something else.

Lastly, adding this should fix your margins (you may need to adjust the margin for your blogs a bit more):

CODE

table table table table { margin-left:40px; }
table table table table table, .friendsComments table { margin-left:0; }

[oblivionguitaris...]

Anyone know about the comments section?

In each individual comment, these links shouldn't be there:

Comment Back
Send Message
Block User

But I can't figure out why they keep showing up.

[Mickey]

Those only show when you're logged in.

[oblivionguitaris...]

hahaha I'm an idiot. It's been a while since I worked on myspace.

Thanks. Go ahead and close.

[tokyo-rose]

Topic closed and moved to MySpace Resolved.