Page 1 of 1

Help me find a particular table cell

Posted: Thu May 26, 2005 7:36 pm
by method_man
on the homepage of my site i hav this black bar at the bottom from one of my tables but i cant find the table that is making the black bar
please help

This is my code.

Code: Select all

<html>
<head>

<body bgcolor=&quote;#000000&quote; style=&quote;font-family: Arial&quote; topmargin=&quote;1&quote; leftmargin=&quote;1&quote; text=&quote;#CC0000&quote; link=&quote;#336699&quote; vlink=&quote;#336699&quote; alink=&quote;#336699&quote;>

<table border=&quote;0&quote; cellpadding=&quote;0&quote; cellspacing=&quote;0&quote; style=&quote;border-collapse: collapse&quote; bordercolor=&quote;#111111&quote; id=&quote;AutoNumber1&quote; width=&quote;100%&quote;>
  <tr>
    <td align=&quote;right&quote; bgcolor=&quote;#000000&quote; rowspan=&quote;2&quote; height=&quote;72&quote; width=&quote;116&quote; valign=&quote;bottom&quote;>

    <p align=&quote;center&quote;>
    <a href=&quote;http://twarowsk.freeownhost.com/StreetLife/home.php&quote;>
    <img border=&quote;0&quote; src=&quote;http://www.renowden.com.au/house5.gif&quote; width=&quote;116&quote; height=&quote;70&quote;></a></td>
    <td align=&quote;right&quote; bgcolor=&quote;#000000&quote; height=&quote;39&quote; width=&quote;66&quote;>&nbsp;
    </td>
    <td bgcolor=&quote;#000000&quote; width=&quote;629&quote; style=&quote;font-family: Arial; font-size: 8pt&quote; align=&quote;center&quote; colspan=&quote;2&quote;>
    <p><img border=&quote;0&quote; src=&quote;http://twarowsk.freeownhost.com/StreetLife/StreetLife.JPG&quote; width=&quote;300&quote; height=&quote;91&quote;></td>
    <td bgcolor=&quote;#000000&quote; width=&quote;98&quote; style=&quote;font-family: Arial; font-size: 8pt&quote; align=&quote;right&quote;>&nbsp;</td>
    <td bgcolor=&quote;#000000&quote; width=&quote;40&quote; colspan=&quote;3&quote;>&nbsp;</td>

  </tr>
  <tr>
    <td align=&quote;right&quote; bgcolor=&quote;#000000&quote; height=&quote;33&quote; width=&quote;66&quote; background=&quote;&quote;>
    </td>
    <td width=&quote;474&quote; bgcolor=&quote;#000000&quote;>
    <p align=&quote;right&quote;><font size=&quote;2&quote; color=&quote;#CC0000&quote;><b>This is the game where you make your own choices, live to fight or fight to live.</b></font></td>
    <td width=&quote;253&quote; bgcolor=&quote;#000000&quote; colspan=&quote;2&quote;>&nbsp;
    </td>

    <td width=&quote;40&quote; bgcolor=&quote;#000000&quote; valign=&quote;top&quote; style=&quote;vertical-align: bottom; font-family: Arial; font-size: 10pt&quote; colspan=&quote;3&quote; background=&quote;/images/Line.gif&quote;>&nbsp;
    </td>
  </tr>
  <tr>
    <td bgcolor=&quote;#000000&quote; background=&quote;/images/Line2.gif&quote; height=&quote;19&quote; width=&quote;116&quote;>&nbsp;</td>
    <td bgcolor=&quote;#000000&quote; height=&quote;19&quote; width=&quote;66&quote;>&nbsp;</td>
    <td width=&quote;474&quote; bgcolor=&quote;#000000&quote;>&nbsp;</td>
    <td width=&quote;253&quote; bgcolor=&quote;#000000&quote; colspan=&quote;2&quote;>&nbsp;
    </td>

    <td bgcolor=&quote;#000000&quote; colspan=&quote;3&quote;>&nbsp;
    </td>
  </tr>
  <tr>
    <td bgcolor=&quote;#000000&quote;></td>
    <td bgcolor=&quote;#FFFFFF&quote; valign=&quote;top&quote; rowspan=&quote;4&quote; width=&quote;66&quote;>
    <img border=&quote;0&quote; src=&quote;http://twarowsk.freeownhost.com/StreetLife/topleftcorner.gif&quote; align=&quote;top&quote; width=&quote;11&quote; height=&quote;11&quote;></td>
    <td bgcolor=&quote;#FFFFFF&quote; colspan=&quote;5&quote; rowspan=&quote;4&quote; width=&quote;728&quote; align=&quote;left&quote; valign=&quote;top&quote;> 
      <p>&nbsp;</p>
    
    <div align=&quote;center&quote;>
      <center>

    <table border=&quote;0&quote; cellpadding=&quote;0&quote; cellspacing=&quote;0&quote; style=&quote;border-collapse: collapse; margin-top:5; margin-bottom:5; font-family:Arial; color:#FFFFFF; font-size:10pt&quote; bordercolor=&quote;#111111&quote; width=&quote;100%&quote; id=&quote;AutoNumber4&quote; bgcolor=&quote;#000000&quote;>
      <tr>

        <td width=&quote;100%&quote; style=&quote;border-right:1px none #111111; margin-left:5; margin-right:5; border-left-style:none; border-left-width:medium; border-top-style:none; border-top-width:medium; border-bottom-style:none; border-bottom-width:medium&quote; bgcolor=&quote;#000000&quote; colspan=&quote;5&quote; 
    <font color=&quote;#FF0000&quote;>
        <td width=&quote;26&quote; style=&quote;border-style:none; border-width:medium; margin-left:5; margin-right:5&quote;>&nbsp;
        </td>
        <td width=&quote;366&quote; style=&quote;border-style:none; border-width:medium; margin-left:5; margin-right:5&quote; colspan=&quote;2&quote;>&nbsp;
        </td>
        <td width=&quote;30&quote; style=&quote;border-right:1px none #111111; margin-left:5; margin-right:5; border-left-style:none; border-left-width:medium; border-top-style:none; border-top-width:medium; border-bottom-style:none; border-bottom-width:medium&quote; align=&quote;left&quote; colspan=&quote;2&quote;>&nbsp;</td>
        </font>
      </tr>

      <form method=&quote;POST&quote; action=&quote;http://twarowsk.freeownhost.com/StreetLife/login.php&quote; name=&quote;loginform&quote;>      
          <br>
          <br>
          <p><u><font color=&quote;#FF0000&quote;></font> Character Log In</u><br>
          <br>
		  </b>Character Name:<br>
      <font color=&quote;#FF0000&quote;><input name=&quote;loginname&quote; size=&quote;20&quote;></font></p>

      <p>Password:<br>
      <font color=&quote;#FF0000&quote;>
      <input type=&quote;password&quote; name=&quote;password&quote; size=&quote;20&quote;></font></p>
      <blockquote>
        <p><font color=&quote;#FF0000&quote;>
        <input type=&quote;submit&quote; value=&quote;Login&quote; name=&quote;B1&quote; style=&quote;font-family: Arial; font-size: 8pt&quote;></font></p>
      </blockquote>
    </form>


      </tr>
    </table>
      </center>
    </div>

    
        </td>
    <td bgcolor=&quote;#FFFFFF&quote; rowspan=&quote;4&quote; width=&quote;40&quote;>&nbsp;</td>
  </tr>

<tr>
    <td width=&quote;116&quote; height=&quote;75&quote; align=&quote;center&quote; valign=&quote;top&quote; bgcolor=&quote;#000000&quote; style=&quote;font-family: Arial; color: &quote;#FFFFFF&quote;; font-size: 8pt&quote;> 
      <p align=&quote;center&quote;> <a style=&quote;text-decoration: none; color: #FFFFFF&quote; href=&quote;http://twarowsk.freeownhost.com/StreetLife/register.php&quote;> 
        <img border=&quote;0&quote; src=&quote;http://twarowsk.freeownhost.com/StreetLife/pen-and-paper.gif&quote; width=&quote;40&quote; height=&quote;42&quote;><br>
        Register</a><br></td>

    <td width=&quote;116&quote; height=&quote;75&quote; align=&quote;center&quote; valign=&quote;top&quote; bgcolor=&quote;#000000&quote; style=&quote;font-family: Arial; color: &quote;#FFFFFF&quote;; font-size: 8pt&quote;> 
      <p align=&quote;center&quote;> <a style=&quote;text-decoration: none; color: #FFFFFF&quote; href=&quote;http://twarowsk.freeownhost.com/StreetLife/faq.php&quote;> 
        <img border=&quote;0&quote; src=&quote;http://www.utsa.edu/aao/images/faq.gif&quote; width=&quote;40&quote; height=&quote;42&quote;><br>
        View the FAQ</a><br></td>

  </tr>
  <tr>
    <td width=&quote;116&quote; height=&quote;75&quote; align=&quote;center&quote; valign=&quote;top&quote; bgcolor=&quote;#000000&quote; style=&quote;font-family: Arial; font-color: &quote;#FFFFFF&quote;; font-size: 8pt&quote;> 
      <a style=&quote;text-decoration: none; color: &quote;#FFFFFF&quote; href=&quote;http://twarowsk.freeownhost.com/StreetLife/contact.php&quote;> 
      <img border=&quote;0&quote; src=&quote;http://externalweb.nmt.edu/reslife/images/envelope.gif&quote; align=&quote;center&quote; width=&quote;35&quote; height=&quote;27&quote;><font size=&quote;2&quote;><br>
      </font><font size=&quote;1&quote;>Contact the Administrators</font></a></td>
  </tr>
  <tr>
    <td bgcolor=&quote;#000000&quote;>

    </td>
  </tr>
  <tr>

<td bgcolor=&quote;#000000&quote; width=&quote;116&quote; style=&quote;font-family: Arial; color: #000000; font-size: 8pt&quote; align=&quote;center&quote;>&nbsp;
    </td>    

    <td bgcolor=&quote;#FFFFFF&quote; valign=&quote;bottom&quote; align=&quote;left&quote; width=&quote;66&quote;>
    <img border=&quote;0&quote; src=&quote;http://twarowsk.freeownhost.com/StreetLife/waybottomleftcorner.gif&quote; width=&quote;11&quote; height=&quote;11&quote;></td>
    <td bgcolor=&quote;#FFFFFF&quote; colspan=&quote;4&quote; width=&quote;727&quote;>&nbsp;</td>
    <td bgcolor=&quote;#FFFFFF&quote; colspan=&quote;2&quote; width=&quote;40&quote;>&nbsp;</td>

  </tr>
  <tr>
   <td bgcolor=&quote;#000000&quote; colspan=&quote;8&quote; style=&quote;margin-top: 4&quote; width=&quote;919&quote;>
    <p align=&quote;center&quote;>&nbsp;</td> 
  </tr>
</table>

</body>

</html>

Here is my site, the black bar is at the bottom between the login button and the bottom of the big white box.

thanks,

matt

Posted: Thu May 26, 2005 8:16 pm
by Ambush Commander
Quite obviously, you need to stop using tables. Here's some sites to get you of this crack^H^H^H^H^H habit.

Why you shouldn't use tables:
http://www.w3.org/TR/html401/struct/tables.html#h-11.1
http://www.hotdesign.com/seybold/
http://www.456bereastreet.com/archive/2 ... he_tables/

CSS related:
http://www.csszengarden.com/
http://www.alistapart.com/
http://www.brainjar.com/
http://www.css-discuss.incutio.com/

If the black bar is still there, I'll take a look at the source (yes, table layouts hurt me eyes).

On an unrelated note, what's this?

Code: Select all

<tr>
    <td bgcolor=&quote;#000000&quote;>
 
    </td>
  </tr>
Or this? (yeah, the other one should collapse)

Code: Select all

<td bgcolor=&quote;#000000&quote; colspan=&quote;8&quote; style=&quote;margin-top: 4&quote; width=&quote;919&quote;>
    <p align=&quote;center&quote;>&nbsp;</td> 
  </tr>

Posted: Thu May 26, 2005 8:36 pm
by method_man
much thanks :D

Posted: Fri May 27, 2005 5:28 am
by Chris Corbyn
Changed Thread title from "please help" :roll:

Posted: Fri May 27, 2005 5:30 am
by malcolmboston
easy way to solve this problem, open source, copy and paste it into a WYSIWYG (dreamweaver for eg) highlight the offending area in "design view" switch to
"code view" you will now have highlighted the offending markup

Posted: Fri May 27, 2005 5:36 am
by malcolmboston
Ambush Commander wrote:(yes, table layouts hurt me eyes).
strange as you can make table designs look exactly the same as CSS based and in most cases much better except for the code

as a side note, when you are dealing with loops of content to be printed with page it is 500% much easier to do it using tables, there is nothing wrong with tables when they are used correctly.

plus my $0.02 here, flame away but it is a well known fact that CSS is highly unreliable across multiple browsers, as web-designers we should not be saying "CSS only, Table designs suck", what about accessibility? old browsers?

It seems to me the whole industry conflicts itself, on one hand people say move away from CSS to conform to standards, however conforming to these standards breaks many accessibility issues.

I design CSS sites, but only when i see fit, you need to know when to differentiate between when its needed and when its not.

Posted: Fri May 27, 2005 5:53 am
by Chris Corbyn
malcolmboston wrote:
Ambush Commander wrote:(yes, table layouts hurt me eyes).
strange as you can make table designs look exactly the same as CSS based and in most cases much better except for the code
He meant trying to read the code I think :)
malcolmboston wrote: plus my $0.02 here, flame away but it is a well known fact that CSS is highly unreliable across multiple browsers, as web-designers we should not be saying "CSS only, Table designs suck", what about accessibility? old browsers?

It seems to me the whole industry conflicts itself, on one hand people say move away from CSS to conform to standards, however conforming to these standards breaks many accessibility issues.

I design CSS sites, but only when i see fit, you need to know when to differentiate between when its needed and when its not.
The whole point of CSS is to increase accessibilty. It is a FAR MORE well known fact that table based layouts dramatically decrease accessibilty (screen readers - wtf is this mess :wink: )

Also, if you stick to W3C valid CSS you don't have to much trouble with compatibility. Admittedly you do need to think a bit more about the structure of your document but you end up with a far cleaner code. There differences across browsers but it's pretty easy to get used to them and know how to write the code so that it works in all of them.

Loops + tables: Well of course :D much easier.

My opinion.... tables for data presentation, CSS for layouts.

Posted: Fri May 27, 2005 6:05 am
by malcolmboston
d11wtq wrote: The whole point of CSS is to increase accessibilty. It is a FAR MORE well known fact that table based layouts dramatically decrease accessibilty (screen readers - wtf is this mess :wink: )

Also, if you stick to W3C valid CSS you don't have to much trouble with compatibility. Admittedly you do need to think a bit more about the structure of your document but you end up with a far cleaner code. There differences across browsers but it's pretty easy to get used to them and know how to write the code so that it works in all of them.

Loops + tables: Well of course :D much easier.
I agree, which is why maybe 70% of my designs are CSS dependant, however in the other 30% of cases, i simply cannot use it, whether it be because i need to attract the largest user base possible (old browsers inc) or various other errors produced by this method. Also dont forget, users can disable or use a completely different CSS file, making your site look like plain text.

It is actually a W3C recommendation not to make you site CSS dependant, so it fails gracefully without the use of CSS, most sites when this happens do not "fail gracefully"

also the whole pixel based system the browsers use really <span style='color:blue' title='I'm naughty, are you naughty?'>smurf</span> me off when measurements are different

how is making seperate stylesheets for different browsers just to make a site look the same and bug-free a good thing?