1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

html problem with placement

Discussion in 'Placement / Reviews / Examples' started by musicsmysoul, May 26, 2006.

  1. #1
    Hi! I was wondering if you could help me with an issue I'm having with my site --- I have an HTML problem.

    A) I want to remove the left side of my page.. (the skyscraper ad unit on the left)...so I can expand my content....and so my leaderboard can fit up top. What do I have to adjust on the html to do this? I only want a right navigation frame.

    My site looks like this right now:
    www.listentoourband.net

    But I'd like to use this layout (pardon my drawing)
    http://www.geocities.com/listentobands/example.jpg

    Thanks so much! :)

    heather
     
    musicsmysoul, May 26, 2006 IP
  2. BrianR2

    BrianR2 Guest

    Messages:
    734
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi Heather,

    On the code from this page: http://www.geocities.com/listentobands/ which is in a frame on listentoourband.net, remove these items in the order that you find them:

    ===============

    <td background="images/dots.gif" valign="top"><img src="images/dots.gif" border="0" height="686" width="48"></td>

    ====================


    &nbsp;
    <p>
    </p><div>
    <div style="float: right; margin-top: 0px; margin-right: 0px;"></div></div><iframe name="google_ads_frame" src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-8778547197081851&amp;
    dt=1148659350921&amp;lmt=1148616204&amp;alternate_ad_url=http%3A%2F%2Fwww.dadamobile.com
    &amp;prev_fmts=120x600_as&amp;format=300x250_as&amp;output=html
    &amp;channel=1813079489&amp;url=http%3A%2F%2Fwww.geocities.com%2Flistentobands%2F
    &amp;color_bg=FFFFFF&amp;color_text=000000&amp;color_link=000000&amp;color_url=0000FF
    &amp;color_border=FFFFFF&amp;ad_type=text&amp;cc=65&amp;u_h=768&amp;u_w=1024&amp;u_ah=734
    &amp;u_aw=1024&amp;u_cd=32&amp;u_tz=-240&amp;u_his=2&amp;u_java=true&amp;u_nplug=20&amp;u_nmime=65" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" frameborder="0" height="250" scrolling="no" width="300"></iframe>


    ======================


    <script type="text/javascript"><!--
    google_ad_client = "pub-8778547197081851";
    google_alternate_ad_url = "http://www.dadamobile.com";
    google_ad_width = 300;
    google_ad_height = 250;
    google_ad_format = "300x250_as";
    google_ad_type = "text";
    google_ad_channel ="1813079489";
    google_color_border = "FFFFFF";
    google_color_link = "000000";
    google_color_bg = "FFFFFF";
    google_color_text = "000000";
    google_color_url = "0000FF";
    //--></script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>

    ========================


    <td background="images/dots.gif" valign="top"><img src="images/dots.gif" border="0" height="686" width="5"></td>

    ======================



    change this:
    <tr>
    <td width="100%"><img src="top.gif" border="0" height="89" width="765"></td>
    </tr>

    to:
    <tr>
    <td width="100%" colspan="2"><img src="top.gif" border="0" height="89" width="765"></td>
    </tr>

    and this:
    <td align="center" background="images/topbar.gif" height="25" width="100%">

    to:
    <td align="center" background="images/topbar.gif" height="25" width="100%" colspan="2">

    I tested that and it works.

    Also, whether intentionally or not, you have some hidden text at the bottom of your page which can get you banned in the search engines. If you go to the bottom of your page and hit ctrl-a, you will see what i mean. Change it to a visible colour or remove it.

    Since we are taking out the ads, why not just take the code from http://www.geocities.com/listentobands/ and put it in the page for http://www.listentoourband.net/. That way it will be more search engine friendly because you won't have all the frames.

    Hope that helps,
    Brian.
     
    BrianR2, May 26, 2006 IP
  3. BrianR2

    BrianR2 Guest

    Messages:
    734
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Here is what the final code should look like (I took out the ad stuff):

    
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>New Music</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    
    <body>
    
    <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="765">
      <tbody><tr>
        <td width="100%" colspan="2"><img src="top.gif" border="0" height="89" width="765"></td>
      </tr>
      <tr>
        <td align="center" background="images/topbar.gif" height="25" width="100%" colspan="2">
          <table border="0" cellpadding="0" cellspacing="0">
            <tbody><tr>
           </tr><tr>
              <td><a href="add.html">Add Your Band</a> &nbsp; </td>
              <td><img src="images/topbar_spacer.gif" border="0" height="25" width="7"></td>
              <td>&nbsp;<a href="articles.html">Articles</a> &nbsp; </td>
              <td><img src="images/topbar_spacer.gif" border="0" height="25" width="7"></td>
              <td>&nbsp;<a href="banners.html">Banners</a> &nbsp; </td>
              <td><img src="images/topbar_spacer.gif" border="0" height="25" width="7"></td>
           <td>&nbsp;<a href="contact.html">Contact</a> &nbsp; </td>
              <td><img src="images/topbar_spacer.gif" border="0" height="25" width="7"></td>
              <td>&nbsp;<a href="links.html">Links</a> &nbsp; </td>
              <td><img src="images/topbar_spacer.gif" border="0" height="25" width="7"></td>
                    </tr></tbody></table>
        </td>
      </tr>
                  <tr>
        
              
              <td valign="top">
    
    <i>Listen to Our Band</i> is dedicated to helping talented unsigned/indie artists (in need of a little free promotion) and music lovers come together.  
    <p>
    With millions of unsigned and independent musicians on the internet, it's hard enough to get one person to check out your music. It's also extremely difficult if you don't know the right ways to promote or the right target audiences to reach. Believe me, we've been there.
    </p><p>
    Are you a talented band desperate for the attention you deserve, and want to find new fans without spamming everyone on the web? Send your info (via the link on the right) and your songs will finally be heard. Fans will be able to see all of your information -- including where to find your music, website, and pictures.
    </p><p>
    Are you a music fanatic sick of hearing and seeing the same old songs on MTV and the radio? Want to hear something new? No worries -- <i>Listen to Our Band</i> has you covered. From rock music to pop to country to techno, we have it. The best bands are always the unsigned ones! Click on the links to find a new unsigned group in your favorite genre. Better yet, find a new genre to listen to! We guarentee that the music will keep you coming back.
    </p><p>
    Keep checking back -- updated daily!
    </p><p>
    Comments? Complaints? Explain <a href="mailto:heather_donovan@student.uml.edu">here</a>. 
    
    </p><p>
      </p><table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tbody><tr>
                    <td width="100%"><img src="images/spacer_main.gif" border="0" height="1" width="482"></td>
                  </tr>
                  <tr>
                    <td height="20" width="100%"></td>
                  </tr>
                  <tr>
    				</tr>
                </tbody></table>
              </td>
              
              <td valign="top">
                <p>
                </p><table border="0" cellpadding="0" cellspacing="0" width="100%">
                  <tbody><tr>
                    <td width="100%"><img src="images/spacer_right.gif" border="0" height="1" width="135"></td>
                  </tr>
                  <tr>
                    <td height="20" width="100%"></td>
                  </tr>
                               <tr>
                    <td width="100%">&nbsp;- <a href="alternative.html">Alternative</a> </td>
                  </tr>
     <tr>
                    <td width="100%">&nbsp;- <a href="blues.html">Blues</a> </td>
    
    </tr><tr>        <td width="100%">&nbsp;- <a href="christian.html">Christian</a> </td>
    </tr>
                  <tr>
                    <td width="100%">&nbsp;- <a href="country.html">Country</a> </td>
                  </tr>
     <tr><td width="100%">&nbsp;- <a href="techno.html">Electronic</a> </td>
                   </tr><tr>
    
    </tr><tr>
                    <td width="100%">&nbsp;- <a href="emo.html">Emo</a> </td>
                  </tr>
    
                  <tr>
                    <td width="100%">&nbsp;- <a href="folk.html">Folk</a> </td>
                  </tr>
                  <tr>
                    <td width="100%">&nbsp;- <a href="hiphop.html">Hip Hop</a> </td>
                  </tr>
                  <tr>
                    <td width="100%">&nbsp;- <a href="indie.html">Indie</a> </td>
                  </tr>
     <tr>
                    <td width="100%">&nbsp;- <a href="jazz.html">Jazz</a> </td>
    
                    </tr><tr>
                    <td width="100%">&nbsp;- <a href="metal.html">Metal</a> </td>
    
                  </tr><tr>
                    <td width="100%">&nbsp;- <a href="pop.html">Pop</a> </td>
                  </tr>
     <tr>
                    <td width="100%">&nbsp;- <a href="punk.html">Punk</a> </td>
                  </tr>
    
                  <tr>
                    <td width="100%">&nbsp;- <a href="randb.html">R&amp;B</a> </td>
                  </tr>
                  <tr>
                    <td width="100%">&nbsp;- <a href="rock.html">Rock</a> </td>
                  </tr>
         
                   <tr><td width="100%">
                  </td>
    	  </tr>
    	</tbody></table>
      </td>
    </tr>
    </tbody></table>
    
    </body>
    </html>
    
    
    
    HTML:
     
    BrianR2, May 26, 2006 IP
  4. musicsmysoul

    musicsmysoul Peon

    Messages:
    285
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Thanks so much! I'll try it out :)
     
    musicsmysoul, May 26, 2006 IP
  5. musicsmysoul

    musicsmysoul Peon

    Messages:
    285
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I tried it out.. but it seemed to look strange. Everything was misproportioned
     
    musicsmysoul, May 26, 2006 IP
  6. BrianR2

    BrianR2 Guest

    Messages:
    734
    Likes Received:
    24
    Best Answers:
    0
    Trophy Points:
    0
    #6
    BrianR2, May 26, 2006 IP
  7. musicsmysoul

    musicsmysoul Peon

    Messages:
    285
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Sure!

    It is exactly where you suggested.... test.html

    It just looks strange.. even the banner.

    My original site looks ten times more professional and organized.

    Is there a way i can get it to look like the old one? But just without the left frame? ;)
     
    musicsmysoul, May 26, 2006 IP