Couple of small questions regarding band layout Options

[jbarber07]

Hey guys;

I have 2 simple questions.

1. if you look on the layout below, you'll see that where it says "sleep now sivylla..subscribe to this blog" overlaps the music box. My question is, is there any way to put "subscribe to this blog" below "Sleep Now Sivylla [NEW EVERYTHING NOW!]'s Latest Blog Entry"....Also, is there any way to add more space between each blog entry, and can I underline them as well?


Also, Is there a code to help me align the right column "shows, bio, videos, etc" to directly underneath the music player?

the layout is http://myspace.com/sleepnowsivylla

and I cant get to the code right now, But I used TJ's codes for everything I'm asking about. Thanks guys!!!!

[Mickey]

Replace all of your Members codes with this:

CODE

<style>
.profileWidth table { margin-bottom:1350px; width:850px; }
.rail { display:none; }
.gap {
background:url() top left no-repeat;
width:850px; height:1519px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1519px;
</style>

<div class="gap"></div>


<style>
.latestBlogEntry {position:absolute; top:1563px; left:50%; margin-left:-400px; width:330px!important; z-index:1; background:none;}
.latestBlogEntry td {padding-top:10px!important;width:330px!important; display:block; border-bottom:1px dashed; border-color:ffffff;}

.whitetext12, .whitelink, .orangetext15 {display:none; height:0px; width:0px;}

table table td.text {padding-left:83px;}
table table td.text div, .contactTable td.text, .friendSpace td.text, .friendsComments td.text {padding:0px!important;}
table table table table td.text img {display:none;}
table table p table table td.text img, table table td.text table table td.text img {display:block;}

object {position:relative; margin-left:-2px; height:325px; width:450px; z-index:9;}
object object, td td td object, embed {position:static; margin:auto!important;}
</style>


<div style="position:absolute; top:1902px; left:50%; z-index:9;">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/SHOWS-1.jpg" />
</div>


<style>
.topbannerhover {position:absolute; top:0px; left:50%; margin-left:-410px; _margin-left:-410px; width:850px; height:1519px; z-index:1;}

div.topbanner a:hover{
border-top: none;
opacity: 0.0;
filter: alpha(opacity=0);
width: 0px;
height: 0px;
z-index:1;
}

.topbanner {position:absolute; left:50%; top:0px; margin-left:-410px; _margin-left:-410px; width:850; height:1519px; z-index:1;}

.clearfix table div div {display:block; position:relative; z-index:9;}

html body.bodyContent table tbody tr td table tbody tr td.text table.friendSpace tbody tr td.text table tbody tr td span.orangetext15{
display: block !important;
height: 45px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 1px;
overflow: hidden;
background-image: url(http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/FRIENDS.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 10px !important;
margin-top: -3px !important;
}

html body.bodyContent table tbody tr td table.friendsComments {
width: 720px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 720px !important;
_margin-left: -2px !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://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/COMMENTS.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 40px !important;
color: FFFFFF !important;
width: 800px; position: relative;
overflow: hidden;
font-size: 1px;
text-align: right;
margin-top: 5px;
line-height: 300px !important;
_width: 800px !important;
_border-left: 1px 000000 !important;
_border-right: 1px 000000 !important;
_height: 40px !important;
_margin-bottom: -1px !important;}

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b {
display: block;
position: absolute;
z-index: 9;
width: 750px;
height: 15px;
line-height: 15px;
overflow: hidden;
margin: -25px 0 0 8px;
text-align: right;
padding-right: 12px !important;
color: 666666;
font-weight: normal;
font-size: 12px;
_margin: 0px 0 0 15px;
_font-size: 12px !important;
_color: FFFFFF;}

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

html body.bodyContent table tbody tr td table.friendsComments tbody tr td.text table tbody tr td b a {
color: 8c0202 !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: 9;
border: none !important;
letter-spacing: 0px !important;
_font-size: 11px !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 000000 !important;
border-color: 000000 !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: 5px 0px 5px 0px;
border-bottom: 0px 000000 !important;
border-color: 000000 !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: 12px;
font-family: arial, sans-serif !important;
font-weight: normal;
letter-spacing: 1px;
text-align: right;
margin: 10px 10px -12px 0px !important;
width: 650px;
border-top: 1px 000000;
_margin: 12px 0px -.5em 0px !important;
_width: 650px;}

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: 8px;
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: 8c0202 !important;
margin: 0px !important;
padding: 10px 10px 0px 10px !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 008080 !important;
border-color: 000000 !important;
padding: 0px !important;
margin: 0px !important;
margin-top: -12px !important;
width: auto !important;
_margin-left: 0px;}

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;}

table, tr, td{
background-color:transparent;
border-style:none;
}

body {
background-color: 000000;
background-image:url(http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/backgroundcopycopycopy.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: scroll;
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:FFFFFF;
font-size:9pt;
line-height: 10pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

strong, .lightbluetext8, .btext, .redtext, .redbtext{
color:666666;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:FFFFFF;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:none ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

a {
color: FFFFFF !important;
font-family: Arial !important;
}

a:hover {
color: 8c0202 !important;
font-family: Arial !important;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:8c0202;
font-size:9pt;
font-weight:normal;
font-style:normal;
text-decoration:normal ;
text-transform:none;
font-family:Helvetica Narrow, sans-serif;
}

table table table table, div table table table{
border-style:none;
}
</style>


<div class="topbannerhover">
<table id="Table_01" width="850" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/background-copy-copy_01.jpg" width="850" height="404" alt="" /></td>
</tr>

<tr>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/background-copy-copy_02.jpg" width="850" height="401" alt="" /></td>
</tr>
<tr>
<td>

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/background-copy-copy_03.jpg" width="850" height="303" alt="" /></td>
</tr>
<tr>

<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/background-copy-copy_04.jpg" width="850" height="411" alt="" /></td>
</tr>
</table>
</div>


<div class="topbanner">
<table id="Table_01" width="850" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="12">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/HEADER_01.jpg" width="850" height="404" alt="" /></td>
</tr>

<tr>
<td colspan="12">

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/HEADER_02.jpg" width="850" height="401" alt="" /></td>
</tr>
<tr>
<td colspan="12">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/HEADER_03.jpg" width="850" height="303" alt="" /></td>
</tr>
<tr>

<td colspan="2">

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/NAVIGATION.jpg" width="206" height="66" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD00MTE4MjgzNDY=">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/ADD-TO-FRIENDS.jpg" width="149" height="66" border="0" alt="" /></a></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD00MTE4MjgzNDYmTXlUb2tlbj0wY2Y0NjRiOC04ZTZjLTQ5YjgtOTAzYS1hMjhiZ
Q0NjM0NGI=">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/SEND-A-MESSAGE.jpg" width="166" height="66" border="0" alt="" /></a></td>
<td colspan="2">

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD00MTE4MjgzNDY=">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/VIEW-PICTURES.jpg" width="147" height="66" border="0" alt="" /></a></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTQxMTgyODM0NiZN
VRva2VuPTBjZjQ2NGI4LThlNmMtNDliOC05MDNhLWEyOGJmZDQ2MzQ0Yg==">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/LEAVE-A-COMMENT.jpg" width="182" height="66" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="5">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/HEADER_09.jpg" width="400" height="33" alt="" /></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vc25zbWVyY2guYmlnY2FydGVsLmNvbS8=">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/BIGCARTEL.jpg" width="108" height="33" border="0" alt="" /></a></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnlvdXR1YmUuY29tL3VzZXIvU2xlZXBub3dzaXZ5bGxh">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/YOUTUBE.jpg" width="94" height="33" border="0" alt="" /></a></td>
<td colspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vc2xlZXBub3dzaXZ5bGxh">

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/TWITTER.jpg" width="110" height="33" border="0" alt="" /></a></td>

<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wZW9wbGUvU2xlZXBOb3ctU2l2eWxsYS8xNjY2Nzc0NTM4">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/FACEBOOK.jpg" width="138" height="33" border="0" alt="" /></a></td>
</tr>
<tr>
<td>
<a href="http://myspace.com/sleepnowsivylla"><img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/ZACH.jpg" width="170" height="312" alt="" /></a></td>

<td colspan="2">
<a href="http://myspace.com/sleepnowsivylla"><img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/TREVOR.jpg" width="169" height="312" alt="" /></a></td>

<td colspan="3">
<a href="http://myspace.com/sleepnowsivylla"><img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/WILL.jpg" width="169" height="312" alt="" /></a></td>
<td colspan="4">
<a href="http://myspace.com/sleepnowsivylla"><img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/JOSH.jpg" width="174" height="312" alt="" /></a></td>
<td colspan="2">
<a href="http://myspace.com/sleepnowsivylla"><img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/JOHN.jpg" width="168" height="312" alt="" /></a></td>

</tr>
<tr>
<td>

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="170" height="1" alt="" /></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="36" height="1" alt="" /></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="133" height="1" alt="" /></td>

<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="16" height="1" alt="" /></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="45" height="1" alt="" /></td>

<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="108" height="1" alt="" /></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="13" height="1" alt="" /></td>

<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="81" height="1" alt="" /></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="66" height="1" alt="" /></td>
<td>

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="14" height="1" alt="" /></td>
<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width="30" height="1" alt="" /></td>

<td>
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/spacer.gif" width=" height=" alt="" /></td>
</tr>
</table>
</div>


<div style="position:absolute; top:1515px; left:50%; margin-left:-410px; z-index:8;">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/Untitled-1-1.jpg" />
</div>

<style>
.latestBlogEntry {position:absolute; top:1563px; left:50%; margin-left:-400px; z-index:9; background:none;}
</style>


<div style="position:absolute; top:1810px; left:50%; margin-left:-410px; z-index:9;">
<table id="Table_01" width="340" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/LEFT_01.jpg" width="340" height="261" alt="" /></td>
</tr>

<tr>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=411828346">

<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/PICTURES.jpg" width="121" height="38" border="0" alt="" /></a></td>
<td>
<a href="http://vids.myspace.com/index.cfm?fuseaction=vids.showvids&friendID=411828346&n=411828346">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/VIDEOS.jpg" width="219" height="38" border="0" alt="" /></a></td>
</tr>
<tr>

<td colspan="2">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/LEFT_04.png" width="340" height="60" alt="" /></td>

</tr>
<tr>
<td colspan="2">
<a href="http://www.myspace.com/shinedrums">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/SHINEDRUMS.png" width="340" height="79" border="0" alt="" /></a></td>
</tr>
<tr>

<td colspan="2">

<a href="http://myspace.com/justinbarberphoto">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/JBARBER.png" width="340" height="78" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<a href="http://www.myspace.com/letliveclothing">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/LET-LIVE.png" width="340" height="106" border="0" alt="" /></a></td>
</tr>

<tr>
<td colspan="2">
<a href="http://www.myspace.com/wildbanditclothing">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/WILDBANDIT.png" width="340" height="110" border="0" alt="" /></a></td>
</tr>
<tr>
<td colspan="2">
<a href="http://www.myspace.com/shakeshoutshades">
<img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/SVYLLA%20LAYOUT/SHADES.png" width="340" height="141" border="0" alt="" /></a></td>

</tr>
</table>
</div>


<div style="position:absolute; top:0px; left:50%; margin-left:-712px; z-index:9;">
<a href="http://myspace.com/justinbarberphoto"><img src="http://i618.photobucket.com/albums/tt262/justinbarberphotography/1-1.png" /></a>

That should compress the Latest Blog Entry table's width properly (Luke's code wasn't quite correct), give each entry some space and a bottom border, and move the right column over.