adv banner
Pixelated Links
by Lindsay Coome
Advantages of Tableless CSS Layouts
by TutorialStream.com
Using Frames
by Joseph Skidmore
HTML vs. XHTML
by PiticStyle
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
HTML and CSS tutorials
A collection of free web templates. Premium quality web designs, easy to browse.
Html lessons and tutorials in web page design.
You, too, can design your own website with over 45 interactive HTML tutorials. Also try your hand at JavaScript or check out a search engine submission service.
2 Create a Website
Offers free tutorials on website creation, generating traffic and making money online.
UK Hosting Services
Provider of low cost affordable UK web hosting services.
HTML and CSS  Home HTML and CSS Tutorials Why when I create a table with empty cells do I get what looks like a raised or miscolored cell where there is no data?
rss

Why when I create a table with empty cells do I get what looks like a raised or miscolored cell where there is no data?

Author: Jeff Singer More by this author
Browse Pages: << <  1  2  3  4  5 > >>

Added: Nov 14, 2004 Rating:  Less than 3 votes yet Level: Beginner Software:  DreamweaverGoLiveFrontPage

As with many things in HTML, there is not what I consider to be a logical reason for this particular behavior. The trick around it is to stick into the empty cell an invisible or non-printable character. The favorite for this purpose is

&nbsp;

Please look carefully at the source code listed under each table. You will notice that the first table has the problem, and the second does not. If you get a chance, view this page with both Netscape and MS Internet Explorer and you will see a difference in how the browsers handle the first table!

Table Containing True Empty Cells
This cell has text
This cell has text

Source code for table with empty cell problem 

<TABLE WIDTH=230 BORDER=1 BGCOLOR=#00FFFF>
  <TR>
  <TD BGCOLOR=#00FF00 COLSPAN=2 ALIGN=CENTER>
   Table Containing True Empty Cells
   </TD>
  </TR>
  <TR>
    <TD WIDTH=115>This cell has text</TD>

    <TD WIDTH=115></TD>
  </TR>
  <TR>
    <TD WIDTH=115></TD>
    <TD WIDTH=115>This cell has text</TD>

  </TR>
</TABLE>

Table with Hidden Characters in Empty Cells
This cell has text  
  This cell has text

Source code for table without empty cell problem 

<TABLE WIDTH=230 BORDER=1 BGCOLOR=#00FFFF>
  <TR>
  <TD BGCOLOR=#00FF00 COLSPAN=2 ALIGN=CENTER>
   Table with Hidden Characters in Empty Cells
   </TD>
  </TR>
  <TR>

    <TD WIDTH=115>This cell has text</TD>
    <TD WIDTH=115>&nbsp;</TD>
  </TR>
  <TR>
    <TD WIDTH=115>&nbsp;</TD>

    <TD WIDTH=115>This cell has text</TD>
  </TR>
</TABLE>

See Also:



print this page tell a friend subscribe to newsletter subscribe to rss
Rate this Material: Bad 1 2 3 4 5 Excellent
Browse Pages: << <  1  2  3  4  5 > >>

HTML and CSS  More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com
Add comments to "Why when I create a table with empty cells do I get what looks like a raised or miscolored cell where there is no data?"