More html help needed.

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

  1. #1
    Modded Mustangs

    Ok, so I've officially started the redesign. WhatiFind helped sort another problem I had (thanks again), but in his process the navigation bar on the right doesn't align itself up to the top anymore.

    I've tried with align="top" and valign="top" in the td and table code and can't get it to work. I had it working before :(

    What am I doing wrong? I have the 3 navigation tables in a table, and want the 3 navigation tables to align themselves to the top - so when the content page expands they remain at the top.
     
    mdvaldosta, Oct 7, 2005 IP
  2. boccio

    boccio Peon

    Messages:
    82
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Correct me if I'm wrong, but in your right column you're missing <td> tag on AdSense box.

    Anyhow, something's wrong there... no need to make multiple nested <tr><td><table_for_box></td></tr>
    </tr><td>....... etc etc

    just put <tables> one below another, within one, single <td> for right column with vAlign="top" attribute.

    hope this rambling makes sense, it's 2:36am :))
     
    boccio, Oct 7, 2005 IP
  3. cagintranet

    cagintranet Well-Known Member

    Messages:
    328
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #3
    the problem is that the whole table you have the adsense/nav/sponsors in is auto-generating the height of the top cell with adsense in it. if you specify the height for that specific cell it fixes it.

    look for where i nserted height="932" into your code below.

    
    <td align="left" valign="top"><table width="100%" class="innerbodyline">
                    <tbody>
                      <tr>
                        <th><span 
                  class="style1 style2">
    
    </////google adsense code here////////</script>
    
    			</span></th>
                      </tr>
                    </tbody>
                  </table></td>
                </tr>
                <tr>
                  <td valign="top" height="932"><table class="innerbodyline" width="100%">
                    
                      <tr>
                        <th> <p class="style1 style2"><a 
                      href="/">Main</a></p>
                            <p class="style1 style2"><a 
                      href="/forums/">Forums</a></p>
                            <p class="style1 style2"><a 
                      href="/">Articles</a></p>
                            <p class="style1 style2"><a 
                      href="/">How-to's</a></p>
                            <p class="style1 style2"><a 
                      href="/">Calculators</a></p>
                            <p class="style1 style2"><a 
                      href="/">Featured Rides</a></p>
                            <p class="style1 style2"><a 
                      href="/">Store</a></p>
                            <p class="style1 style2"><a 
                      href="/">Links</a></p>
                            <p class="style1 style2"><a 
                      href="/">Contact Us</a></p></th>
                      </tr>
                    </tbody>
                  </table></td>
                </tr>
                <tr>
                  <td align="left" valign="top"><table class="innerbodyline" width="100%">
                    <tbody>
                      <tr>
                        <th height="54"><span 
                      class="style1 style2">Sponsors</span></th>
                      </tr>
                    </tbody>
                  </table></td>
    
    HTML:
     
    cagintranet, Oct 8, 2005 IP
  4. mdvaldosta

    mdvaldosta Peon

    Messages:
    4,079
    Likes Received:
    362
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Changing the height of the google table will make that really long. I *temperarily* fixed it by adding another table below all three, and setting its height to 400px. All this does is makes the right td taller than the left td.

    I need to fix this the right way, but don't know how to go about doing it. Any suggestions? I can't validate xhtml because I set height on a table.
     
    mdvaldosta, Oct 11, 2005 IP
  5. cagintranet

    cagintranet Well-Known Member

    Messages:
    328
    Likes Received:
    12
    Best Answers:
    0
    Trophy Points:
    128
    #5
    i viewed your source code on my pc, and it fixed the issue... did you try it?
     
    cagintranet, Oct 12, 2005 IP