Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Sliced Banner Mess-Up

    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):

  • #2
    Regular Coder seco's Avatar
    Join Date
    Nov 2008
    Location
    Oregon
    Posts
    687
    Thanks
    6
    Thanked 79 Times in 77 Posts
    looks like your table need cellpadding="0" cellspacing="0" border="0" added to it

  • #3
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by seco View Post
    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>

  • #4
    New Coder
    Join Date
    Dec 2009
    Posts
    27
    Thanks
    0
    Thanked 2 Times in 2 Posts
    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.
    Last edited by Apostropartheid; 12-30-2009 at 02:10 AM.

  • #5
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jonweb2009 View Post
    you could verify your own code in a seperate html file.
    http://www.******************


    What exactly do you mean by that, please?

  • #6
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.
    Last edited by evo; 12-29-2009 at 10:40 AM. Reason: Spammer Clean up

  • #7
    evo
    evo is offline
    waka Ionsurge
    Join Date
    Feb 2005
    Location
    United Kingdom
    Posts
    895
    Thanks
    5
    Thanked 12 Times in 12 Posts
    Quote Originally Posted by Steele_Mistress View Post
    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.

  • #8
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by evo View Post
    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.

  • #9
    New Coder
    Join Date
    Dec 2009
    Posts
    27
    Thanks
    0
    Thanked 2 Times in 2 Posts
    You can learn bit of HTML, it is easy...

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

    Code:
    <!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>

  • #10
    New to the CF scene
    Join Date
    Dec 2009
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by jonweb2009 View Post
    You can learn bit of HTML, it is easy...

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

    Code:
    <!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!?


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •