Hey Mike, that code worked GREAT for stretching the comments in IE as well. There's just the slight problem in the sense that it shifted my comments header to the left and the comments themselves are now overlapping the background on both the left and right side.
Basically, when I set the width in your code to 800px, it made the whole comments section about 950px wide, is that meant to happen and should I always keep the width value around 150px less than intended for the whole comments table??
Full Version: Making a Band Layout
The timestamps' width isn't meant to be the same as the width of the whole Comments table so yes, that should've happened. Also yes, the Comments table should end up wider than the timestamps. No less than 135px is recommended.
P.S. That layout is sick.
P.S. That layout is sick.
QUOTE(Mike @ Feb 28 2010, 06:38 PM) 
The timestamps' width isn't meant to be the same as the width of the whole Comments table so yes, that should've happened. Also yes, the Comments table should end up wider than the timestamps. No less than 135px is recommended.
P.S. That layout is sick.
P.S. That layout is sick.
Yeah, I figured out how to get it all to work after reading through your comment, thank you so much man! You're a great help!
& that's very kind of you to say, I don't mean to sound patronising because I'm sure you are a MUCH more talented designer than myself but if you ever feel lazy and want someone else to do some work for you, then let me know and I'd be happy to help, free of charge. I couldn't do all of this work if I didn't have your guidance in the first place so it's the least I can offer! Thanks again mate, it's really appreciated.
If you want to see the layout I just finished, you can view it here:
www.myspace.com/makemekinguk
Whey, looks brilliant! Keep up the good work man. And cheers, I'll keep that in mind.
...
I don't see any 'shady black lines' unless you're talking about the sort of shadows around the left and right, although I think you put those on the background purposefully.
QUOTE
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>
.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.
Well show him how then.
QUOTE(Mike @ Mar 17 2010, 07:45 PM)
Well show him how then.
I'm sure he knows how, I just think he missed it.
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.
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.
...
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.
But when I go to preview it, or go back to edit something real quick, I see this.
Any ideas?
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>
<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 />..
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?
MySpace doesn't allow several tags on bulletins anymore, and that includes <table> tags. In essence, 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.
Ah, thanks. I figured it was something like that blocking it from showing up.
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?
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>
<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>
You're not supposed to use your banner as the gap's background. That code is only for making space so you have room for your banner. You're also wrapping the topbanner DIV around the whole code, which is just wrong. Your code should look like this:
Then just customize the topbanner class according to your liking.
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>
.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.
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.
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.
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.
Essentially, I'd like to widen the center cell that spaces them out.
Use this code:
Adjust the value on the padding-left property. The bigger the value, the more space between the two columns.
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>
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.
Awesome. It worked perfect.
Thanks Mike.
Thanks Mike.
No problem.
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
Thanks for all the help, ive learned qutie a bit from this site.
www.myspace.com/OdysseySpokane
Thanks!
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.
My original post, including codes, can be seen here.
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?
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!
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!
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):
Thanks for any help!
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;
}
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!
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!
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!
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
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
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!
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!
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
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
Hey guys, I've run into what I'm hoping is a simple problem that I think somebody here might be able to help me with.
I'm trying to get the header working right, but I've noticed now that some of the links aren't working. The Pics/Vids links under the display pic and the entire contact box show up, but you can't click on any of the links at all.
Here is the code I'm using
I'm a total noob at this, so keep that in mind. You can view the myspace here.
Thanks so much!
I'm trying to get the header working right, but I've noticed now that some of the links aren't working. The Pics/Vids links under the display pic and the entire contact box show up, but you can't click on any of the links at all.
Here is the code I'm using
CODE
<a href="http://www.msplinks.com/MDFodHRwOi8vcmFwaWRzaGFyZS5jb20vZmlsZXMvMzM2MzUyNjQ3L0RvdWJsZV90aGVfRmFsbC5yYXI="><img src="http://i50.tinypic.com/262u079.gif" /></a><br /><br />
<br />
<br />
<br />
<center>
<img src="http://i49.tinypic.com/2crlkpi.gif" />
<br />
<center><b>Put a banner on your page!</b></center>
<textarea cols="30" rows="3">
<a target="_blank" href="http://www.myspace.com/doublethefall"><img src="http://i49.tinypic.com/2crlkpi.gif"/></a>
</textarea></center>
<style>
body {
background-color: rgb(, , );
background-image: url(http://i50.tinypic.com/rbl2qw.png);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
</style> <style>
table table {
border: px;
}
table table table table{
border:px;
}
table table table {
border-width: px;
border-color: rgb(, , );
border-style: outset;
background-color: transparent;
}
table table table td {
background-color: rgb(, , );
}
table table table table td {
filter:none;
}</style> <style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Arial;
font-size: px;
color: rgb(0,0,0 );
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Verdana;
font-size: px;
color: rgb(15,68,97);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: px;
color: rgb(15,68,97 );
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(248,248 ,255 );
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(, , );
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style> <style>
.nametext {display:block; font-size:160%; color: rgb(0,0,0); width:100%;
background-image:url(YOURIMAGE);
background-position:center center; background-repeat: no-repeat; height:px; margin:0px;
padding:0px;}
</style> <style>
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url(http://i50.tinypic.com/330cxuc.png);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;}C{ }
</style>
<style>body{
background-position:top center;margin-top: 750;}
div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}
</style><div class="topbanner">
<table id="Table_01" width="785" border="0" cellpadding="10" cellspacing="15">
<tr>
<td colspan="9">
<img src="http://i28.tinypic.com/16i9t1w.jpg" width="785" height="437" alt="" /></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi93d3cueW91dHViZS5jb20vdXNlci9kb3VibGV0aGVmYWxs">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_03.png" width="97" height="100" border="" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9Eb3VibGUtdGhlLUZhbGwvMjAyOTM5NzM3NDQw">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_05.png" width="99" height="96" border="" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL2RvdWJsZXRoZWZhbGw=">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_07.png" width="97" height="94" border="" alt="" /></a></td>
<td>
<img src="http://liquidbasement.com/sallysblog/files/2009/12/Twitter-Blue-Transparent-t-3D-Button-Logo-150x150.png" width="97" height="94" alt="" /></td>
</tr>
<tr>
<td colspan="6">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_15.png" width="720" height="185" alt="" />
</td>
</tr>
</table>
<br />
<br />
<br />
<center>
<img src="http://i49.tinypic.com/2crlkpi.gif" />
<br />
<center><b>Put a banner on your page!</b></center>
<textarea cols="30" rows="3">
<a target="_blank" href="http://www.myspace.com/doublethefall"><img src="http://i49.tinypic.com/2crlkpi.gif"/></a>
</textarea></center>
<style>
body {
background-color: rgb(, , );
background-image: url(http://i50.tinypic.com/rbl2qw.png);
background-position: center center;
background-repeat: repeat;
background-attachment: fixed;
}
table, tr, td {
background-color: transparent;
border: 0px;
}
</style> <style>
table table {
border: px;
}
table table table table{
border:px;
}
table table table {
border-width: px;
border-color: rgb(, , );
border-style: outset;
background-color: transparent;
}
table table table td {
background-color: rgb(, , );
}
table table table table td {
filter:none;
}</style> <style>
body, div, span, td, p, .orangetext15, .whitetext12, .lightbluetext8, strong, b, u, .redtext, .redbtext, .btext, .text, .nametext, .blacktext10, .blacktext12 {
font-family: Arial;
font-size: px;
color: rgb(0,0,0 );
font-weight: normal;
font-style: normal;
text-decoration: none;
}
.nametext {
padding: 5px;
font-family: Verdana;
font-size: px;
color: rgb(15,68,97);
font-weight: bold;
font-style: normal;
text-decoration: none;
display: block;
}
.whitetext12, .orangetext15 {
font-family: Verdana;
font-size: px;
color: rgb(15,68,97 );
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.man:link, a.man:active, a.man:visited, a.man:hover, a, a:link, a:active, a:visited, a:hover, a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover, a.text:link, a.text:active, a.text:visited, a.text:hover, a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited, a.redlink:hover {
color: rgb(248,248 ,255 );
font-weight: bold;
font-style: normal;
text-decoration: none;
}
a.navbar:hover, a.man:hover, a:hover {
color: rgb(, , );
font-weight: bold;
font-style: normal;
text-decoration: underline;
}
.badge {
position: absolute;
left: 1px;
top: 1px;
}
</style> <style>
.nametext {display:block; font-size:160%; color: rgb(0,0,0); width:100%;
background-image:url(YOURIMAGE);
background-position:center center; background-repeat: no-repeat; height:px; margin:0px;
padding:0px;}
</style> <style>
.contactTable {
width:300px !important; height:150px !important; padding:0px !important;
background-image:url(http://i50.tinypic.com/330cxuc.png);
background-attachment:scroll; background-position:center center;
background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td { padding:0px !important;
border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;}C{ }
</style>
<style>body{
background-position:top center;margin-top: 750;}
div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}
</style><div class="topbanner">
<table id="Table_01" width="785" border="0" cellpadding="10" cellspacing="15">
<tr>
<td colspan="9">
<img src="http://i28.tinypic.com/16i9t1w.jpg" width="785" height="437" alt="" /></td>
</tr>
<tr>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi93d3cueW91dHViZS5jb20vdXNlci9kb3VibGV0aGVmYWxs">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_03.png" width="97" height="100" border="" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wYWdlcy9Eb3VibGUtdGhlLUZhbGwvMjAyOTM5NzM3NDQw">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_05.png" width="99" height="96" border="" alt="" /></a></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnB1cmV2b2x1bWUuY29tL2RvdWJsZXRoZWZhbGw=">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_07.png" width="97" height="94" border="" alt="" /></a></td>
<td>
<img src="http://liquidbasement.com/sallysblog/files/2009/12/Twitter-Blue-Transparent-t-3D-Button-Logo-150x150.png" width="97" height="94" alt="" /></td>
</tr>
<tr>
<td colspan="6">
<img src="http://i100.photobucket.com/albums/m9/kkennedy3/DTF/green-mockup_15.png" width="720" height="185" alt="" />
</td>
</tr>
</table>
I'm a total noob at this, so keep that in mind. You can view the myspace here.
Thanks so much!
I think the DIV for your top banner is too tall. Adjust the height value on this bit to a smaller number:
See if that does it.
CODE
div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}
See if that does it.
QUOTE(Mike @ Jul 20 2010, 01:50 PM)
I think the DIV for your top banner is too tall. Adjust the height value on this bit to a smaller number:
See if that does it.
Gotcha. I guess it was so big that it was covering up everything underneath it, so I changed it to a negative number and now it appears to be working. Thanks a lot!CODE
div.topbanner {
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}
top: 0;
left: 49%;
margin-left: -385px;
height: 1650px;
position: absolute;
}
See if that does it.
New question: I did the splice tutorial and when I open up the HTML file in my browser it looks correct. But when I use the code from 'View Source' and actually put it into myspace, it isn't lined up the same way. Is it possible to just slightly move one of the images of the table to make it look lined up? You can see on the myspace that the band name image at the top isn't lined up with the YouTube/Twitter/etc. links.
Is it even possible to just move one of them and not the whole table?
Was having trouble with the image rollover code, but I figured out a solution.
Thanks.
Thanks.
error. see last message please.
Hey guys, im having a bit of trouble with this page I was working on.
You can see it here.
http://www.myspace.com/crabwalkstudios
On the right side, where it says Blog, Specials, Events, thats where my top header div ends. So right under it it should go into the blogs section, and events. However, the blog section starts underneath the div layer and blocks out two of the blog titles.
I designed my own myspace with basically the exact same code, and have seen many other band pages with pretty much the same coding going on but without this overlaping issue. I went back through this thread and used the blog code, but was having problems with that one as well.
Heres the code im using.
You can see it here.
http://www.myspace.com/crabwalkstudios
On the right side, where it says Blog, Specials, Events, thats where my top header div ends. So right under it it should go into the blogs section, and events. However, the blog section starts underneath the div layer and blocks out two of the blog titles.
I designed my own myspace with basically the exact same code, and have seen many other band pages with pretty much the same coding going on but without this overlaping issue. I went back through this thread and used the blog code, but was having problems with that one as well.
Heres the code im using.
CODE
<style>body table { margin-top: 1463px; }
body td table, body div table { margin-top: 0;}
.header {position: absolute; width: 860px; height: 1463px; margin-left: -432px; left: 50%; top: 0px;}
.left {position: absolute; top: 2095px; left: 50%; height: auto; width: 320px; overflow: visible; background-color: none; margin-left: -395px; text-align: center; z-index:2;}
.eq {position: absolute; width: 362px; height: auto; margin-left: -160px; left: 50%; top: 945px; z-index:2;}
table table div embed, table table div object {position:relative; z-index:4;}
</style>
<style>
table, tr, td {background-color:transparent; border:; border-width:0;}
body {background-color:000000;
background-image:url("http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Background-2.jpg");
background-attachment: none;
background-position:top center;
background-repeat:no-repeat;
scrollbar-face-color:000000;
scrollbar-highlight-color:CCCCCC;
scrollbar-3dlight-color:7777777;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:333333;
scrollbar-arrow-color:000000;
scrollbar-track-color:DDFFFF;
margin-top: 0px;}
table table {border: 1px}
table table table table{border:1px}
table table table {border-style:solid;
border-width:0px;
border-color:000000;
background-color:;}
table, tr, td, li, p, div { color: ffffff; font-family:verdana; font-size:7pt;} .btext { font-family:normal;font-size:7pt;} .blacktext10 { color: ffffff;font-family:verdana;font-size:7pt; } .blacktext12 { color: ffffff;font-family:verdana;font-size:7pt; } .lightbluetext8 { color: 16c0ff;font-family:verdana;font-size:7pt;} .orangetext15 {display:none;} .redtext { color: ffffff;font-family:verdana;font-size:7pt; } .redbtext { font-family:verdana; color: ffffff;} .text { color: ffffff;font-family:verdana;font-size:7pt;} .whitetext12 { font-family:verdana;font-size:7pt; color: ffffff;} a:active, a:visited, a:link { color: 16c0ff;font-family:verdana;font-size:7pt; } a:hover {color: ffffff; font-family:verdana;font-size:7pt; } a.navbar:active, a.navbar:visited, a.navbar:link { font-family:verdana; } a.navbar:hover { font-family:verdana; } a.redlink:active, a.redlink:visited, a.redlink:link { font-family:verdana;color: ffffff; } a.redlink:hover { color: ffffff; } { font-family:verdana; } .btext { font-family:verdana; color: ffffff; }
</style>
<style>
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active{text-decoration: none;}
</style>
<style>
.a {upcoming shows title font}
td.text div td td.text .whitetext12 {color:black; font-size:0px; }
.a {view all shows}
td.text div font .whitelink,
td.text div font .whitelink font {color:black; font-size:0px;}
.a {upcoming shows date and times}
td.text div td td td font {color:16c0ff; font-size:10px;}
.a {upcoming shows venue}
td.text div td td font a {color:white; font-size:10px;}
td.text div td td font a:hover {color: ffffff; text-decoration: none; font-size:10px;}
.a {upcoming shows location}
td.text div td td font {color:16c0ff; font-size:10px;}
html body.bodyContent table tbody tr td table.friendsComments{
width: 800px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 796px !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://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Crabwalk-Comments.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 350px !important;
color: 000000 !important;
width: 800px;
position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: -1px;
line-height: 40px !important;
_width: 800px !important;
_border-left: 1px 16c0ff!important;
_border-right: 1px 16c0ff!important;
_height: 150px !important;
_margin-bottom: -1px !important;
}
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: 40px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Crabwalk-Friends.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 25px !important;
margin-top: -3px !important;
background-color: transparent !important;}
</style>
<style>
.friendsComments table td {color: ffffff; font-size:7pt; font-family: Verdana !important;} .friendsComments .orangetext15 {display: none;} .blacktext10{ display: block; width: 600px; border-bottom: 1px solid; border-color: 16c0ff; text-align: right; } .comments td td td a {visibility:hidden; font-size:1px; letter-spacing:-50px;} .comments td td td a img {visibility:visible;}
</style>
<style>table table table table td.text span.whitetext12 { position: relative; top: -10px; margin-bottom: 0px; left: 0px; visibility: visible; display: block; width: 450px; height: 65px; text-indent:-999999px; background: transparent no-repeat;}</style> <style>table div {display:none;} table table div, div table div {display:block;} .friendscomments .orangetext15 {display:none;} .userProfileURL { display:none; }</style>
<i class="off">!-Remove Maroon Menu Bar Band Page!-<</i>
<style>a.navbar img {display:none;}div table td {visibility:hidden; font-size:0px; border:0px; padding:0px; margin:0px;}div table {border:0px; border-bottom:0px; padding:0px; margin:0px; visibility:hidden;}div table.navigationbar, div table.navigationBar td, table div table td {font-size:11px; visibility:visible; font-family:Arial Narrow }div table td div {visibility:visible}{! below needed if you have used my div overlay !}div.myCoreDiv table, div.myDiv table, div.myCoreDiv div table, div.myDiv div table {visibility:visible;}</style>
<div class="header">
<table id="Table_01" width="860" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_01.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_02.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_03.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_04.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_05.jpg" width="860" height="232" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_06.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_07.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_08.jpg" width="48" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ob21l" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_09.jpg" width="66" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_10.jpg" width="45" height="37" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MDMwNzI1NjI=" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_11.jpg" width="203" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_12.jpg" width="43" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTUwMzA3MjU2Mg==" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_13.jpg" width="113" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_14.jpg" width="44" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTUwMzA3MjU2Mg==" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_15.jpg" width="109" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_16.jpg" width="45" height="37" alt="" /></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=503072562" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_17.jpg" width="98" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_18.jpg" width="46" height="37" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_19.jpg" width="860" height="48" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_20.jpg" width="38" height="381" alt="" /></td>
<td colspan="4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=503072562" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_21.jpg" width="315" height="236" border="0" alt="" /></a></td>
<td colspan="8" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_22.jpg" width="507" height="381" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_23.jpg" width="315" height="145" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="38" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="10" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="66" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="45" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="194" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="9" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="43" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="113" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="44" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="109" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="45" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="98" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="46" height="1" alt="" /></td>
</tr>
</table></div>
body td table, body div table { margin-top: 0;}
.header {position: absolute; width: 860px; height: 1463px; margin-left: -432px; left: 50%; top: 0px;}
.left {position: absolute; top: 2095px; left: 50%; height: auto; width: 320px; overflow: visible; background-color: none; margin-left: -395px; text-align: center; z-index:2;}
.eq {position: absolute; width: 362px; height: auto; margin-left: -160px; left: 50%; top: 945px; z-index:2;}
table table div embed, table table div object {position:relative; z-index:4;}
</style>
<style>
table, tr, td {background-color:transparent; border:; border-width:0;}
body {background-color:000000;
background-image:url("http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Background-2.jpg");
background-attachment: none;
background-position:top center;
background-repeat:no-repeat;
scrollbar-face-color:000000;
scrollbar-highlight-color:CCCCCC;
scrollbar-3dlight-color:7777777;
scrollbar-shadow-color:FFFFFF;
scrollbar-darkshadow-color:333333;
scrollbar-arrow-color:000000;
scrollbar-track-color:DDFFFF;
margin-top: 0px;}
table table {border: 1px}
table table table table{border:1px}
table table table {border-style:solid;
border-width:0px;
border-color:000000;
background-color:;}
table, tr, td, li, p, div { color: ffffff; font-family:verdana; font-size:7pt;} .btext { font-family:normal;font-size:7pt;} .blacktext10 { color: ffffff;font-family:verdana;font-size:7pt; } .blacktext12 { color: ffffff;font-family:verdana;font-size:7pt; } .lightbluetext8 { color: 16c0ff;font-family:verdana;font-size:7pt;} .orangetext15 {display:none;} .redtext { color: ffffff;font-family:verdana;font-size:7pt; } .redbtext { font-family:verdana; color: ffffff;} .text { color: ffffff;font-family:verdana;font-size:7pt;} .whitetext12 { font-family:verdana;font-size:7pt; color: ffffff;} a:active, a:visited, a:link { color: 16c0ff;font-family:verdana;font-size:7pt; } a:hover {color: ffffff; font-family:verdana;font-size:7pt; } a.navbar:active, a.navbar:visited, a.navbar:link { font-family:verdana; } a.navbar:hover { font-family:verdana; } a.redlink:active, a.redlink:visited, a.redlink:link { font-family:verdana;color: ffffff; } a.redlink:hover { color: ffffff; } { font-family:verdana; } .btext { font-family:verdana; color: ffffff; }
</style>
<style>
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active{text-decoration: none;}
</style>
<style>
.a {upcoming shows title font}
td.text div td td.text .whitetext12 {color:black; font-size:0px; }
.a {view all shows}
td.text div font .whitelink,
td.text div font .whitelink font {color:black; font-size:0px;}
.a {upcoming shows date and times}
td.text div td td td font {color:16c0ff; font-size:10px;}
.a {upcoming shows venue}
td.text div td td font a {color:white; font-size:10px;}
td.text div td td font a:hover {color: ffffff; text-decoration: none; font-size:10px;}
.a {upcoming shows location}
td.text div td td font {color:16c0ff; font-size:10px;}
html body.bodyContent table tbody tr td table.friendsComments{
width: 800px !important;
margin: 0 !important;
padding: 0 !important;
margin-top: 20px !important;
overflow: hidden !important;
background-color: transparent !important;
margin-left: -1px !important;
_width: 796px !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://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Crabwalk-Comments.jpg);
background-repeat: no-repeat !important;
background-color: transparent;
display: block !important;
height: 350px !important;
color: 000000 !important;
width: 800px;
position: relative;
overflow: hidden;
font-size: 0px;
text-align: right;
margin-top: -1px;
line-height: 40px !important;
_width: 800px !important;
_border-left: 1px 16c0ff!important;
_border-right: 1px 16c0ff!important;
_height: 150px !important;
_margin-bottom: -1px !important;
}
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: 40px !important;
width: 450px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0px;
overflow: hidden;
background-image: url(http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Crabwalk-Friends.jpg);
background-repeat: no-repeat;
color: 000000 !important;
line-height: 25px !important;
margin-top: -3px !important;
background-color: transparent !important;}
</style>
<style>
.friendsComments table td {color: ffffff; font-size:7pt; font-family: Verdana !important;} .friendsComments .orangetext15 {display: none;} .blacktext10{ display: block; width: 600px; border-bottom: 1px solid; border-color: 16c0ff; text-align: right; } .comments td td td a {visibility:hidden; font-size:1px; letter-spacing:-50px;} .comments td td td a img {visibility:visible;}
</style>
<style>table table table table td.text span.whitetext12 { position: relative; top: -10px; margin-bottom: 0px; left: 0px; visibility: visible; display: block; width: 450px; height: 65px; text-indent:-999999px; background: transparent no-repeat;}</style> <style>table div {display:none;} table table div, div table div {display:block;} .friendscomments .orangetext15 {display:none;} .userProfileURL { display:none; }</style>
<i class="off">!-Remove Maroon Menu Bar Band Page!-<</i>
<style>a.navbar img {display:none;}div table td {visibility:hidden; font-size:0px; border:0px; padding:0px; margin:0px;}div table {border:0px; border-bottom:0px; padding:0px; margin:0px; visibility:hidden;}div table.navigationbar, div table.navigationBar td, table div table td {font-size:11px; visibility:visible; font-family:Arial Narrow }div table td div {visibility:visible}{! below needed if you have used my div overlay !}div.myCoreDiv table, div.myDiv table, div.myCoreDiv div table, div.myDiv div table {visibility:visible;}</style>
<div class="header">
<table id="Table_01" width="860" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_01.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_02.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_03.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_04.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_05.jpg" width="860" height="232" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_06.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_07.jpg" width="860" height="233" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_08.jpg" width="48" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ob21l" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_09.jpg" width="66" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_10.jpg" width="45" height="37" alt="" /></td>
<td colspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD01MDMwNzI1NjI=" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_11.jpg" width="203" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_12.jpg" width="43" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZVYzJmZyaWVuZElEPTUwMzA3MjU2Mg==" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_13.jpg" width="113" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_14.jpg" width="44" height="37" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTUwMzA3MjU2Mg==" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_15.jpg" width="109" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_16.jpg" width="45" height="37" alt="" /></td>
<td>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=503072562" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_17.jpg" width="98" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_18.jpg" width="46" height="37" alt="" /></td>
</tr>
<tr>
<td colspan="13">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_19.jpg" width="860" height="48" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_20.jpg" width="38" height="381" alt="" /></td>
<td colspan="4">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=503072562" target="_blank">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_21.jpg" width="315" height="236" border="0" alt="" /></a></td>
<td colspan="8" rowspan="2">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_22.jpg" width="507" height="381" alt="" /></td>
</tr>
<tr>
<td colspan="4">
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/Crabwalk-Header_23.jpg" width="315" height="145" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="38" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="10" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="66" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="45" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="194" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="9" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="43" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="113" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="44" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="109" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="45" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="98" height="1" alt="" /></td>
<td>
<img src="http://i35.photobucket.com/albums/d162/Frigadosis/Crabwalk/Header/spacer.gif" width="46" height="1" alt="" /></td>
</tr>
</table></div>
Never mind, all I had to do was add this.
New it was going to be something really simple.
CODE
<style>
table.latestBlogEntry {position:relative;
width:425px;
overflow:auto;
left:50%; border:1px solid; border-color:white;
_margin-left: -425px !important;
_margin-top: 75px !important;
}
</style>
table.latestBlogEntry {position:relative;
width:425px;
overflow:auto;
left:50%; border:1px solid; border-color:white;
_margin-left: -425px !important;
_margin-top: 75px !important;
}
</style>
New it was going to be something really simple.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.