Help - Search - Members - Calendar
Full Version: Comments and Right side positioning problems
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
oblivionguitarist
Mar 26 2010, 12:20 AM
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?
fixtatik
Mar 26 2010, 03:53 AM
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; }
Mickey
Mar 26 2010, 04:39 AM
Mate, use [codebox] tags instead of [code] tags when posting long codes. Wtf you should know this already.
oblivionguitarist
Mar 26 2010, 04:01 PM

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
Mar 26 2010, 04:42 PM
LOL, those only show when you're logged in. It's not as if any visitors are allowed to comment back to someone using your own account.
oblivionguitarist
Mar 26 2010, 10:12 PM
hahaha I'm an idiot. It's been a while since I worked on myspace.

Thanks. Go ahead and close.
tokyo-rose
Mar 26 2010, 10:20 PM
Topic closed and moved to MySpace Resolved.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.