Table Re-sizing Issues

  • chargrims
  • Beginner
  • Beginner
  • chargrims
  • Posts: 53

Post 3+ Months Ago

Ok, on the following page I have laid out a border, by drawing two long tables either side of the main content, and setting the background as a repeating 15x200px jpeg. Trouble is when the page loads in a browser, the content seems to have become longer, and the borders don't extend to the bottom. Anyone know how I can remedy this? :D

http://www.eclipsed-online.com/v3/band/dez.htm
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

I know it's not what you asked for, but after looking through your HTML, I decided to just rewrite the whole page with one table.

Code: [ Select ]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <style>
    body{background:#000 url(sitepics/bg2.jpg);scrollbar-face-color:#000;scrollbar-highlight-color:#000;scrollbar-shadow-color:#FFF;scrollbar-3dlight-color:#FFF;scrollbar-arrow-color:#FFF;scrollbar-track-color:#000;scrollbar-darkshadow-color:#000; }
    td{font-size:10px;font-family:verdana,arial,sans-serif;}
         td h1{font-size:10px;font-family:verdana,arial,sans-serif;color:#F00;margin:0 0 3px 0;padding:0;}
         td h2{font-size:13px;font-family:verdana,arial,sans-serif;color:#FFF;margin:0 0 3px 0;padding:0;}
         td p{color:#FFF;margin:0 0 25px 0;padding:0;}
         td img{margin:15px 0 15px 0;padding:0;}
         td a{color:#F00;}
         td a:hover{text-decoration:none;}</style></head>

<body>
<table>
<tr>
    <td width="15" background="../sitepics/borderleft.jpg">&nbsp;</td>
    <td width="95" valign="top">
        <h1>What do you play?</h1>
        <p>I'm the lead singer and guitarist in the band, I also write most of the songs.</p>
        <h1>How long have you been playing?</h1>
        <p>I started guitar when I was about 12 and I've always felt that my motivations behind starting were different to most other people; I started it purely because I wanted to write songs, not so I could sound like another guitarist.</p>
        <h1>How would you describe yourself?</h1>
        <p>I'm an easy going guy with strong feelings, bit of a romantic too, it shows in my songs.</p>
        <h1>Have you been in any previous bands?</h1>
        <p>Daze, Zero Gravity/Soulshock</p>
        <h1>Which bands have influenced you?</h1>
        <p>Oasis were a heavy influence on a lot of my early songs as I was such a die hard fan, but as my musical tastes expanded the sounds of Mark Knopfler and Jimi Hendrix started coming out in my guitar solos. And I've also always wanted to capture raw emotion the way U2 managed to do around the time of the Joshua Tree album, some of those tracks are just incredible.</p></td>
    <td width="245" valign="top" align="center">
        <h2>:: Dez ::</h2>
        <img src="dez.jpg" alt="image of Dez">
        <h2>:: Favourite Links ::</h2>
        <a href="http://www.mp3.com">http://www.mp3.com</a><br>
        <a href="http://www.kingfishermusic.com">http://www.kingfishermusic.com</a><br>
        <a href="http://www.josaka.com">http://www.josaka.com</a><br>
        <a href="http://www.tastless-jokes.com">http://www.tastless-jokes.com</a><br>
        <a href="http://www.imotherearth.com">http://www.imotherearth.com</a><br>
        <a href="http://www.easyworldinfo.com">http://www.easyworldinfo.com</a><br>
        <a href="http://www.blindmelon.com ">http://www.blindmelon.com </a><br></td>
    <td width="95" valign="top">
        <h1>What are your interests?</h1>
        <p>Music any shape or form, David Lynch movies, chinese food...anything akin to sex, drugs and rock n roll.</p>
        <h1>What don't you like?</h1>
        <p>Prejudice, boredom, manufactured pop crap that's so common these days.</p>
        <h1>What are your current favourite bands?</h1>
        <p>I Mother Earth (a kick ass Canadian funk rock act), Audioslave, Alice in Chains, Blind Melon, Easyworld, too many to name really.</p>
        <h1>What about your ambitions?</h1>
        <p>Blatantly I want to make it big as a rock star, I want to be remembered for what I do... but if that all fails, I guess I'd llike a job in A&amp;R, helping other bands to get further than I did.</p>
        <h1>What would you do if you weren't in a band?</h1>
        <p>I'd start a band.</p>
        <h1>Favourite Quote:</h1>
        <p>"I bet living in a nudist colony takes the fun out of Halloween"</p></td>
    <td width="15" background="../sitepics/borderright.jpg">&nbsp;</td></tr></table></body></html>
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4.     <title>Untitled Document</title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6.     <style>
  7.     body{background:#000 url(sitepics/bg2.jpg);scrollbar-face-color:#000;scrollbar-highlight-color:#000;scrollbar-shadow-color:#FFF;scrollbar-3dlight-color:#FFF;scrollbar-arrow-color:#FFF;scrollbar-track-color:#000;scrollbar-darkshadow-color:#000; }
  8.     td{font-size:10px;font-family:verdana,arial,sans-serif;}
  9.          td h1{font-size:10px;font-family:verdana,arial,sans-serif;color:#F00;margin:0 0 3px 0;padding:0;}
  10.          td h2{font-size:13px;font-family:verdana,arial,sans-serif;color:#FFF;margin:0 0 3px 0;padding:0;}
  11.          td p{color:#FFF;margin:0 0 25px 0;padding:0;}
  12.          td img{margin:15px 0 15px 0;padding:0;}
  13.          td a{color:#F00;}
  14.          td a:hover{text-decoration:none;}</style></head>
  15. <body>
  16. <table>
  17. <tr>
  18.     <td width="15" background="../sitepics/borderleft.jpg">&nbsp;</td>
  19.     <td width="95" valign="top">
  20.         <h1>What do you play?</h1>
  21.         <p>I'm the lead singer and guitarist in the band, I also write most of the songs.</p>
  22.         <h1>How long have you been playing?</h1>
  23.         <p>I started guitar when I was about 12 and I've always felt that my motivations behind starting were different to most other people; I started it purely because I wanted to write songs, not so I could sound like another guitarist.</p>
  24.         <h1>How would you describe yourself?</h1>
  25.         <p>I'm an easy going guy with strong feelings, bit of a romantic too, it shows in my songs.</p>
  26.         <h1>Have you been in any previous bands?</h1>
  27.         <p>Daze, Zero Gravity/Soulshock</p>
  28.         <h1>Which bands have influenced you?</h1>
  29.         <p>Oasis were a heavy influence on a lot of my early songs as I was such a die hard fan, but as my musical tastes expanded the sounds of Mark Knopfler and Jimi Hendrix started coming out in my guitar solos. And I've also always wanted to capture raw emotion the way U2 managed to do around the time of the Joshua Tree album, some of those tracks are just incredible.</p></td>
  30.     <td width="245" valign="top" align="center">
  31.         <h2>:: Dez ::</h2>
  32.         <img src="dez.jpg" alt="image of Dez">
  33.         <h2>:: Favourite Links ::</h2>
  34.         <a href="http://www.mp3.com">http://www.mp3.com</a><br>
  35.         <a href="http://www.kingfishermusic.com">http://www.kingfishermusic.com</a><br>
  36.         <a href="http://www.josaka.com">http://www.josaka.com</a><br>
  37.         <a href="http://www.tastless-jokes.com">http://www.tastless-jokes.com</a><br>
  38.         <a href="http://www.imotherearth.com">http://www.imotherearth.com</a><br>
  39.         <a href="http://www.easyworldinfo.com">http://www.easyworldinfo.com</a><br>
  40.         <a href="http://www.blindmelon.com ">http://www.blindmelon.com </a><br></td>
  41.     <td width="95" valign="top">
  42.         <h1>What are your interests?</h1>
  43.         <p>Music any shape or form, David Lynch movies, chinese food...anything akin to sex, drugs and rock n roll.</p>
  44.         <h1>What don't you like?</h1>
  45.         <p>Prejudice, boredom, manufactured pop crap that's so common these days.</p>
  46.         <h1>What are your current favourite bands?</h1>
  47.         <p>I Mother Earth (a kick ass Canadian funk rock act), Audioslave, Alice in Chains, Blind Melon, Easyworld, too many to name really.</p>
  48.         <h1>What about your ambitions?</h1>
  49.         <p>Blatantly I want to make it big as a rock star, I want to be remembered for what I do... but if that all fails, I guess I'd llike a job in A&amp;R, helping other bands to get further than I did.</p>
  50.         <h1>What would you do if you weren't in a band?</h1>
  51.         <p>I'd start a band.</p>
  52.         <h1>Favourite Quote:</h1>
  53.         <p>"I bet living in a nudist colony takes the fun out of Halloween"</p></td>
  54.     <td width="15" background="../sitepics/borderright.jpg">&nbsp;</td></tr></table></body></html>


I hope you'll take this as a suggestion and that it helps.
:)
  • chargrims
  • Beginner
  • Beginner
  • chargrims
  • Posts: 53

Post 3+ Months Ago

Well that's done the trick, would be handy if I knew what you've done though for other pages with the same problem. As far as I can see you've just done the lot in one table instead of many, right?
  • digitalMedia
  • a.k.a. dM
  • Genius
  • User avatar
  • Posts: 5149
  • Loc: SC-USA

Post 3+ Months Ago

Yup! That's the long and short of it. I've also used generic CSS selectors - td, td h1, td p, etc. instead of font tags and such. If I was really doing this site, I would make the CSS definitions external, like you had previously with LINK tag. That way I could use them on all the pages in the site.

If you want to know anything else about the page I wrote, please feel free to ask.
:)
  • chargrims
  • Beginner
  • Beginner
  • chargrims
  • Posts: 53

Post 3+ Months Ago

It's cool, all sorted now, I ended up putting the center content in a table so I could set padding values without affecting the borders but it's all fine now.

I've used style sheets on various other pages on the site, but I copied that particular page and similar ones from an old version where I didn't use CSS at all which is why they still use basic font tags.

Thanks for your help !

Post Information

  • Total Posts in this topic: 5 posts
  • Users browsing this forum: No registered users and 41 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.