Need help finding a html coding problem

Discussion in 'HTML & Website Design' started by mdvaldosta, Oct 6, 2005.

  1. #1
    www.moddedmustangs.com/mm5

    Im redesigning my site, and I can't figure out what I did to cause the text in the tables to not wrap. They just extend the table out further breaking the page layout.

    I've always used table sizes at 100% and the text always wrapped before :/
     
    mdvaldosta, Oct 6, 2005 IP
  2. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #2
    The banner is 1254 pixels wide. Nothing will wrap until it hits that limit.
     
    minstrel, Oct 6, 2005 IP
  3. kniveswood

    kniveswood Well-Known Member

    Messages:
    764
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    120
    #3
    Yes, reduce the banner's width and you should see your text warp.
     
    kniveswood, Oct 6, 2005 IP
  4. mdvaldosta

    mdvaldosta Peon

    Messages:
    4,079
    Likes Received:
    362
    Best Answers:
    0
    Trophy Points:
    0
    #4
    The banners width is set at 100%, it's not the banner - it's just stretching out from the text not wrapping. If I reduce the length of the text everything looks perfect.

    (ps - I got a negative for posting this twice, although when I posted it the first time it was nowhere to be found.. I still don't know where the first post went).
     
    mdvaldosta, Oct 7, 2005 IP
  5. minstrel

    minstrel Illustrious Member

    Messages:
    15,082
    Likes Received:
    1,243
    Best Answers:
    0
    Trophy Points:
    480
    #5
    Hmmm... first try deleting the width="100%" from the banner line -- you don't really want that stretching anyway.

    I took a look at the CSS file -- can't see anything wrong there.

    When I access http://www.moddedmustangs.com/mm5/images/mmbanner.jpg that image 876 pixels wide. On the page it's even wider so you're right - it's stretching to 100%.

    Quick look: Looks like a closing </p> without an opening <p>, no <td></td>, and what does the scope="row" part do to wrapping?:

    <table width="100%" class="bodyline" >
          <tr>
            <th height="283" scope="row"><p class="style1 style2">
    <!-- Begin Content -->
    Content Here Really Long Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here Content Here
    <!-- End Content -->
    </p>          </th>
          </tr>
        </table>
    
    Code (markup):
     
    minstrel, Oct 7, 2005 IP
    1 person likes this.
  6. mdvaldosta

    mdvaldosta Peon

    Messages:
    4,079
    Likes Received:
    362
    Best Answers:
    0
    Trophy Points:
    0
    #6
    There is an opening <p>, I added td tags, and removed the scope="row" (put it back after) and it did not fix.

    I guess I'll start over :/
     
    mdvaldosta, Oct 7, 2005 IP
  7. kniveswood

    kniveswood Well-Known Member

    Messages:
    764
    Likes Received:
    29
    Best Answers:
    0
    Trophy Points:
    120
    #7
    It is definitely your css. Download Firefox and install Web Developer toolbar extension. By hitting Ctrl-Shift-S to disable all stylesheets, you can see that the banner no longer stretches.
     
    kniveswood, Oct 7, 2005 IP
  8. mcfox

    mcfox Wind Maker

    Messages:
    7,526
    Likes Received:
    716
    Best Answers:
    0
    Trophy Points:
    360
    #8
    cellpic_bkg.jpg

    Width: 100%px, Height: 0px

    This is what's probably causing the main banner image to resize to Width: 1249px, Height: 215px from it's original Physical Width: 876px, Physical Height: 151px, and therefore everything else will size to fit.

    I'm not sure where the error is creeping in though.
     
    mcfox, Oct 7, 2005 IP
  9. mdvaldosta

    mdvaldosta Peon

    Messages:
    4,079
    Likes Received:
    362
    Best Answers:
    0
    Trophy Points:
    0
    #9
    cellpic_bkg.jpg

    correct, it was this that was causing the problem. images, of course, don't break into another line.

    Thanks for all your help, and especially to WhatiFind for re-writing the files for me.
     
    mdvaldosta, Oct 7, 2005 IP