...

View Full Version : Sliced Banner Mess-Up



Steele_Mistress
12-26-2009, 09:52 PM
I wasn't sure whether to add this here or in the HTML/CSS board so sorry if it's in the wrong spot.

I don't know why but something is wrong with the banner on my Myspace profile. It's pretty much divided by the slices I guess even though the code is properly inserted in my profile and I did everything on this page right.
http://abrax.us/bbz/SlicingTutorial.htm
I've had this banner up before and it looked fine but now that I've had to re-insert it it is messed up. Please help. :]

Here is a picture of what it looks like, screenshotted. (Many people have told me that's what it looks like to them to on other browsers so I know it's not just MY browser):
http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/banner.jpg

seco
12-26-2009, 10:31 PM
looks like your table need cellpadding="0" cellspacing="0" border="0" added to it

Steele_Mistress
12-26-2009, 10:33 PM
looks like your table need cellpadding="0" cellspacing="0" border="0" added to it

It already has it.
Here is the actual code:
<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.Peter {width:auto; height:auto;}
.Peter {z-index:5; position:absolute; left:0%; top:200px; margin-left: 80px;}
.Peter {background-color: ;}
table table {margin-top:300px;}
table table table {margin-top:0px;}
</style>
<div class="Peter">
<table id="Table_01" width="826" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_01.gif" width="825" height="43" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="43" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_02.gif" width="218" height="182" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xMTA0Njg1MzQ=">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_03.gif" width="162" height="54" border="0" alt="" /></a></td>
<td colspan="3" rowspan="2">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_04.gif" width="445" height="132" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_05.gif" width="162" height="128" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="78" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_06.gif" width="146" height="50" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElE PTExMDQ2ODUzNA==">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_07.gif" width="186" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_08.gif" width="113" height="50" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="50" alt="" /></td>
</tr>
</table></div>

jonweb2009
12-28-2009, 01:19 AM
I created the page using your code, It looks fine for me no spaces.

may be the way it is been inserted is wrong... or rendering is not good.

you could verify your own code in a seperate html file.

I amnot sure wot is causing the problem.

Steele_Mistress
12-28-2009, 01:45 AM
you could verify your own code in a seperate html file.
http://www.******************



What exactly do you mean by that, please?

Steele_Mistress
12-28-2009, 05:02 PM
I'm not very good with coding, honestly. I just did what was provided on that page someone sent me on Myspace forums and it worked swell. For some reason one day my banner disappeared so I re-did it and put the code back up and that's what happened--it came out slicey. No one has been able to give me any solutions to the problem.

evo
12-29-2009, 11:41 AM
What exactly do you mean by that, please?

The link posted has been added to the CodingForums censored list due to prolific spamming on these forums.

Steele_Mistress
12-29-2009, 02:37 PM
The link posted has been added to the CodingForums censored list due to prolific spamming on these forums.

Oh. Well I didn't know.
It's just a regular site with instructions on how to properly slice a banner, get the codes from it and place it on a site like Myspace.

jonweb2009
12-30-2009, 06:14 PM
You can learn bit of HTML, it is easy...

here is the code which u can use , this works perfect for me


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.Peter {width:auto; height:auto;}
.Peter {z-index:5; position:absolute; left:0%; top:200px; margin-left: 80px;}
.Peter {background-color: ;}
table table {margin-top:300px;}
table table table {margin-top:0px;}
</style>
<title>Untitled Document</title>
</head>

<body>

<div class="Peter">
<table id="Table_01" width="826" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_01.gif" width="825" height="43" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="43" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_02.gif" width="218" height="182" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xMTA0Njg1MzQ=">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_03.gif" width="162" height="54" border="0" alt="" /></a></td>
<td colspan="3" rowspan="2">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_04.gif" width="445" height="132" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_05.gif" width="162" height="128" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="78" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_06.gif" width="146" height="50" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElE PTExMDQ2ODUzNA==">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_07.gif" width="186" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_08.gif" width="113" height="50" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="50" alt="" /></td>
</tr>
</table></div>
</body>
</html>

Steele_Mistress
12-31-2009, 03:21 PM
You can learn bit of HTML, it is easy...

here is the code which u can use , this works perfect for me


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
.katamari DIV generator { http://www.abrax.us/Katamari/ContentGen.php }
.katamari {adjust the TOP and MARGIN-LEFT to position it}
.Peter {width:auto; height:auto;}
.Peter {z-index:5; position:absolute; left:0%; top:200px; margin-left: 80px;}
.Peter {background-color: ;}
table table {margin-top:300px;}
table table table {margin-top:0px;}
</style>
<title>Untitled Document</title>
</head>

<body>

<div class="Peter">
<table id="Table_01" width="826" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_01.gif" width="825" height="43" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="43" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_02.gif" width="218" height="182" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0xMTA0Njg1MzQ=">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_03.gif" width="162" height="54" border="0" alt="" /></a></td>
<td colspan="3" rowspan="2">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_04.gif" width="445" height="132" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="54" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_05.gif" width="162" height="128" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="78" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_06.gif" width="146" height="50" alt="" /></td>
<td>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZVYzJmZyaWVuZElE PTExMDQ2ODUzNA==">
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_07.gif" width="186" height="50" border="0" alt="" /></a></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/bannerv2_08.gif" width="113" height="50" alt="" /></td>
<td>
<img src="http://i360.photobucket.com/albums/oo42/PeterSteele_Freak/Pete/spacer.gif" width="1" height="50" alt="" /></td>
</tr>
</table></div>
</body>
</html>

Well I'd ask you if you just thought it was my computer but I've checked it on both browsers again and it still looks sliced up. Everyone else sees it this way too. I guess I will have to take the banner down!?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum