need some quick help please Options

[jbarber07]

basically, im having issues with the latest blog entry header. you can see what im talking about here

http://profile.myspace.com/index.cfm?fusea...endID=462803086


and heres the code for it

CODE

<style>
html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: !important;
width: 450px !important;

border-collapse: collapse !important;
margin-bottom: -30px !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 15px !important;
padding: 0 !important;
table-layout: fixed !important;
position: relative !important;
background-image: url(http://i618.photobucket.com/albums/tt262/justinbarberphotography/sns%20layout/news-1.png);
background-repeat: no-repeat;
background-position: 0px -25px;
overflow: hidden;
_background-position: 0px 0px;
_margin-left: -4px !important;
_margin-top: 0px !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: !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: ;
padding: 0px !important;
margin: 0px !important;
padding-right: 5px !important;
position: relative;
z-index: 6;
font-weight: normal;
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: ;
width: 443px;
color: ;
padding: 0px !important;
margin: 0px !important;
padding-left: 5px !important;
z-index: 5;
font-weight: normal;
font-size: 10px !important;
height: 35px;
_font-size: 10px !important;
_margin-top: -30px !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: 1px;
overflow: hidden;
color: !important;
line-height: 300px;
}
</style>

[fixtatik]

whoa...that's a lot of code for your blogs. :\

for the header, i'd just use this:

CODE

.latestBlogEntry .btext { background:url(HEADER IMAGE); display:block; height:##px; text-indent:-999em; width:100%; }

just change height:##px; to the height of the image.

[jbarber07]

ah thank you very much! also, do you know anyway to absolutelyyyyy lock the divs into place? bcuz there's been countless times when i designed a bands' layout, and then they put stuff onto their page and it moves the divs around in one way or another.





one more thing. is there a code to hide the sections on the left? (url, members since, band members, influences, etc)

[fixtatik]

using position:absolute; should work.

this hides everything on a music profile, except for the ad, navigation, music player, friends & comments.

CODE

table table table td.text, .contactTable, .latestBlogEntry, table div, div table, .friendSpace table div, td div span a, .whitelink { display:none!important; }
div div table, div table div, table table div { display:block!important; padding:0; }
.page .whitelink { display:inline!important; }
table { width:0; }
table table { width:auto; }
table table table { margin:25px 0 0; }
table table table table { margin:auto; }
table table table, table table table table table div { visibility:hidden; }
table table table table table, table table table table div { visibility:visible; }
.friendSpace td.text, .friendSpace td.text table table { display:table!important; _display:block!important; visibility:visible; }
.friendSpace, .friendSpace table, .friendsComments, .friendsComments table { visibility:visible; }
table, tr, td { background:none; border:none; }

if you want to also get rid of the navigation:

CODE

.clearfix, .clearfix div { background-image:none!important; overflow:hidden; }
.clearfix { position:relative; top:-20px; width:728px!important; }
.clearfix .clearfix { left:0; }
.clearfix .clearfix { bottom:-30px; margin:-55px 0 0; position:relative; top:auto; width:auto; }
.clearfix .clearfix div { margin:45px 0 0; }
.clearfix .clearfix div div { margin:auto; }
.profile, .profile div, .profile input, .clearfix select, .clearfix option, .clearfix ul { display:none!important; filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }