Making a Band Layout, Version 2 Options

[Mickey]

Keep up the good work man. And cheers, I'll keep that in mind.

[AAzzzAA]

...

[PeterBeepBeep]

CODE

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

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

Typo -- you need to close your bracket under the gap in the tutorial code.

[JerrickCrites]

Cant wait to use this guide. Im hoping to make something like Peripherys or Animals as Leaders page.

http://www.myspace.com/periphery
http://www.myspace.com/animalsasleaders

Should be interesting, but ill try to post some updates to make sure im on the right track.

[AAzzzAA]

...

[JerrickCrites]

Well, im pretty happy with our profile right now. its nothing too great, but will be good enough for a little while.

However, I wanted to make a flyer using the splicing used in step . I got my image right, urls work, but I want to post this in a bulletin.

The code I end up with is here.

CODE

<table id="Table_01" width="503" height="651" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_01.jpg" width="502" height="88" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="88" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_02.jpg" width="91" height="276" alt=""></td>
<td colspan="4">
<a href="http://sp.knittingfactory.com/event-details/?tfly_event_id=6961">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_03.jpg" width="316" height="224" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_04.jpg" width="95" height="276" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="224" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_05.jpg" width="316" height="52" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_06.jpg" width="27" height="286" alt=""></td>
<td colspan="2" rowspan="2">
<a href="http://www.myspace.com/shrieksoftheimpaled">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_07.jpg" width="217" height="55" border="0" alt=""></a></td>
<td colspan="2" rowspan="3">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_08.jpg" width="44" height="88" alt=""></td>
<td colspan="2">
<a href="http://www.myspace.com/odysseyspokane">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_09.jpg" width="173" height="46" border="0" alt=""></a></td>
<td rowspan="5">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_10.jpg" width="41" height="286" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="46" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_11.jpg" width="173" height="42" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_12.jpg" width="217" height="33" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td colspan="3">
<a href="http://www.myspace.com/fleshbeforefamine">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_13.jpg" width="226" height="52" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_14.jpg" width="35" height="198" alt=""></td>
<td colspan="2">
<a href="http://www.myspace.com/acrypticending">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_15.jpg" width="173" height="52" border="0" alt=""></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_16.jpg" width="226" height="146" alt=""></td>
<td colspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_17.jpg" width="173" height="146" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="146" alt=""></td>
</tr>
<tr>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="64" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="153" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="35" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="119" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="54" height="1" alt=""></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="41" height="1" alt=""></td>
<td></td>
</tr>
</table>

But when I go to preview it, or go back to edit something real quick, I see this.

CODE

..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_01.jpg" width="502" height="88" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="88" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_02.jpg" width="91" height="276" alt="" />..<br /> ..<br /> <a href="http://www.msplinks.com/MDFodHRwOi8vc3Aua25pdHRpbmdmYWN0b3J5LmNvbS9ldmVudC1kZXRhaWxzLz90Zmx5X2V2ZW50X2lk
TY5NjE="><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_03.jpg" width="316" height="224" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_04.jpg" width="95" height="276" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="224" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_05.jpg" width="316" height="52" alt="" />..<br /> ..<br /> <img src="http://x.myspace.com/images/tos.gif" width="1" height="52" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_06.jpg" width="27" height="286" alt="" />..<br /> ..<br /> <a href="http://www.myspace.com/shrieksoftheimpaled"><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_07.jpg" width="217" height="55" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_08.jpg" width="44" height="88" alt="" />..<br /> ..<br /> <a href="http://www.myspace.com/odysseyspokane"><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_09.jpg" width="173" height="46" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_10.jpg" width="41" height="286" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="46" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_11.jpg" width="173" height="42" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="9" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_12.jpg" width="217" height="33" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="33" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <a href="http://www.myspace.com/fleshbeforefamine"><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_13.jpg" width="226" height="52" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_14.jpg" width="35" height="198" alt="" />..<br /> ..<br /> <a href="http://www.myspace.com/acrypticending"><br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th---Odyssey-HQ_15.jpg" width="173" height="52" border="0" alt="" /></a>..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="52" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_16.jpg" width="226" height="146" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/April-17th-Odyssey-Slice_17.jpg" width="173" height="146" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="1" height="146" alt="" />..<br /> ..<br /> ..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="27" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="64" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="153" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="9" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="35" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="119" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="54" height="1" alt="" />..<br /> ..<br /> <img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Slicing%20Knitting/spacer.gif" width="41" height="1" alt="" />..<br /> ....<br /> ..<br />..

Any ideas?

[Mickey]

MySpace doesn't allow several tags within bulletins anymore, and that includes <table> tags. You don't really need <table> tags to put up a sliced image. If you group the images correctly and use break tags where appropriate, it should come out the same.

[JerrickCrites]

Ah, thanks. I figured it was something like that blocking it from showing up.

[JerrickCrites]

Ok, one more thing. I just added a top banner, and it works well in IE, but losses its position in a few other browsers.

Heres the code for it. Any way to keep it centered through the majority of browsers?

CODE

<div class="topbanner">
<style>
.profileWidth table { margin-bottom:1229px; width:800px; }
.rail { display:none; }
.gap {
background:url(http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Odyssey-Myspace-Large-Banner---1658.jpg) top left no-repeat;
width:1658px; height:1229px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1229px;

.topbanner {position:absolute; left:50%; top:0px; margin-left:-845px; _margin-left:-845px; width:1658; height:1229px; z-index:1;}

</style>

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

[Mickey]

Your code should look like this:

CODE

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

.topbanner {position:absolute; left:50%; top:0px; margin-left:-845px; _margin-left:-845px; width:1658; height:1229px; z-index:1;}
</style>

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

<div class="topbanner"><img src="http://i35.photobucket.com/albums/d162/Frigadosis/Myspace%20profile/Odyssey-Myspace-Large-Banner---1658.jpg" alt="" /></div>

Then just customize the topbanner class according to your liking.

[JerrickCrites]

Thanks!

Im still new to all of this, so basically just copying and pasting and trying to make it work from there.

Im loving this site though. More info than I know what to do with. haha.

[AAzzzAA]

What's the code if I'd like the left and right columns farther apart?
Essentially, I'd like to widen the center cell that spaces them out.

[Mickey]

Use this code:

CODE

<style>
table table td.text {padding-left: 100px;}
table table table, table table table td.text, table table.contactTable td.text, table table.friendSpace td.text, table table.friendsComments td.text {padding: 0px;}
</style>

Adjust the value on the padding-left property. The bigger the value, the more space between the two columns.

[AAzzzAA]

Awesome. It worked perfect.
Thanks Mike.

[Mickey]

No problem.

[JerrickCrites]

I finished this up about a week or two ago.

Thanks for all the help, ive learned qutie a bit from this site.

www.myspace.com/OdysseySpokane

[00000000000]

Thanks!

[jbarber07]

For some reason, all the layouts I've designed in the past are all pushed up just to the point to where the ad is gone behind the address bar. Sometimes it does this, sometimes it doesnt. I've tried using different browsers, no luck. Anybody have any clue why this is happening??? Please help me out asap. thanks

My original post, including codes, can be seen here.

[pengu1n]

CODE

.topbanner {position:absolute; left:50%; top:0px; margin-left:-800px; _margin-left:0px; width:1600; height:1660px; z-index:1;}

.orangetext15 {display: none;}
.whitetext12 {display: none;}

table table div embed, table table div object {position:relative; z-index:9;}

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

body {
background-color: 000000;
background-image:;
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: 666666 !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:666666;
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;
}

.topbannerhover {position:absolute; top:1660px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:59px; z-index:2;}

.content_top {position:absolute; top:1719px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:81px; z-index:3;}

.twitter_box {position:absolute; top:1800px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:216px; z-index:4;}

.music_bar {position:absolute; top:2016px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:64px; z-index:5;}

.content2 {position:absolute; top:2080px; left:50%; margin-left:-800px; _margin-left:0px; width:1600px; height:564px; z-index:6;}

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

.tg_left {position:absolute; top:2080px; left:50%; margin-left:-800px; _margin-left:0px; width:325px; height:600px; z-index:1;}




.profileWidth table { margin-bottom:1660px; width:800px; }
.rail { display:none; }
.gap {
background: top left no-repeat;
width:1600px; height:1660px;
position:absolute; top:0; left:50%;
margin:0px 0 -400px -1660px;

So basically, I cant align the second half (.content2) with my div overlay. For some reason it keeps shooting to the bottom of the page! any suggestions?

[00000000000]

Hi. I have a question that someone else posted earlier on that never got answered. I'm having the same issue. I've used the code for the blogs header, but it doesn't place the photo ABOVE the blogs section, it places it directly behind the list of blogs.

Thanks for any help!

http://www.myspace.com/kerplow

-------------
UPDATE: I figured it out after a couple hours of playing with the code. You have to change one tiny part of the code he gives in this tutorial. In the last section of the code, change the "height" to something bigger (originally it's at 43px). It will force everything but the "subscribe to blog" link down. I'd like to move that link down too, but I can just compensate by editing the header photo I guess since I'm not a coding pro. Hope that helps anyone in the same pickle!

[00000000000]

I have my right side sections and headers lined up except for the Blogs section. It looks fine in IE but in Chrome and Firefox it's slightly to the left. Changing the margin-left doesn't get it to budge. Any ideas? Here's the code (same code as in the tutorial):

CODE

html body.bodyContent table tbody tr td table tbody tr td.text table.latestBlogEntry{
background-color: transparent !important;
color: 000000 !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://kerplow.webs.com/photos/blogs.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
overflow: hidden;
_background-position: 0px 2px;
_margin-left: 8px !important;
_margin-top: 35px !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: 000000 !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: 000000;
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: FFFFFF;
width: 443px;
color: 000000;
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: -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: 100px;
font-size: 1px;
overflow: hidden;
color: 000000 !important;
line-height: 300px;
}

Thanks for any help!

[Babar]

I'm having a bit of a problem, if someone who's good with this would be kind enough to help (I'm looking at you Mike, you MySpace God, you :P)

Basically, one problem I've come to deal with is the fact that I want to hide the left side, the contact table, the profile picture, the genre, all that side, so that it doesn't show up underneath parts of the left section div I make (As can be seen with the profile pic being kinda visible here:

http://www.myspace.com/astaticlullaby

This isn't a layout I've done, but I've encountered the same problem. Now I've looked at layouts done by people like D-Dubz, Sons Of Ner, etc, they don't seem to encounter this problem, could anyone help me with some code to fully hide the left side if possible? I know I could always give my div a background colour, but a lot of the times I use textures so I'd rather not, and it's a lot of effort cutting out that exact part from photoshop, making a new div just for that and then layering it above the info, almost like a left section "background", set with a lower z-index than that of the actual left section content. There must be an easier way!





Another problem I'm seeing, which is probably a much easier issue, I want to start adding notation to my codes, because there's so much it all gets jumbled really easily and when my clients want to change things themselves, they get really confused. I tried adding coding like this

{! This is what my note would say !}
*insert css here*

{! More notes, w00t !}
*insert more css here*

but it messed up my background and made parts of it go transparent when the page was scrolled, etc, no idea why. Could someone show me how to properly use notation in MySpace CSS so I can keep my work organised? Thanks!

[00000000000]

I actually have the same issue as babar with the left-side-info-showing from under the div. I cheated and added "background" directly to the left side of the div pictures so it hangs over the profile info that's sticking out, instead of making a separate div.

It would be sweet if I could just get rid of that. I actually had the issue in explorer, even though I was using the recommended picture width, and no matter where I positioned the div the crap stuck out (explorer made it wider than the div). It was fine in Chrome and Firefox

[Babar]

Another thing I've really wanted to learn to do is centering the top friend space!

Like on this profile:

http://www.myspace.com/handslikehouses

It just look so much sleeker than having the friend section awkwardly to the right and then the comments below, looks much better in one straight line :)

Does anyone know the codes to achieve this? & if possible, could you explain the codes and what changes what (just the basics, not every aspect of the code, obviously)?

What would also be great if someone knows the coding for this is if you could show me the code to hide the top friend counter and comment counter, and how to create a border before the comments start, to create a sense of separation between both sections :)

I know I ask for a lot, but I really appreciate the help, thank you so much!

[coollikefonz]

Hi all, just wondering if i could get some help on a music layout.

It seems OK in firefox, but ie doesn't display right...is it something with z-index?

I'm not great with css, just trial and error. Thanks in advance.

myspace.com/danielaromeo