SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)

    Why won't my border collapse?

    Well, the title really says it all. Why doesn't my border collapse?

    CSS:
    Code:
    body
    {
     background-color:#FFFFFF;
    }
    
    td, th
    {
     border-collapse:collapse;
     border-color:#FF0000;
     border-width:4px;
     border-style:solid;
     padding:2px;
     font-size:10px;
     color:#009900;
     font-family:"Times New Roman", Serif;
    }
    
    td
    {
     width:200px;
    }
    HTML:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                "http://www.w3.org/TR/html4/loose.dtd">
     <html> 
     <head>
     <title>Table Test</title>
     <link rel="stylesheet" href="CSS.css" type="text/css"></link>
     </head>
     <body>
     <div id="quickfacts">
    			 <table>
    				 <tr>
    					 <th>Disease Name</th>
    					 <td>Fabry Disease</td>
    				 </tr>
    				 <tr>
    					 <th>Protein Affected</th>
    					 <td>Galactosidase Alpha (GLA)</td>
    				 </tr>
    				 <tr>
    					 <th>Prognosis</th>
    					 <td>Survival until adulthood, but with increased risk of heart, skin, kidney, and eye problems.</td>
    				 </tr>
    				 <tr>
    					 <th>Onset</th>
    					 <td>Early Childhood</td>
    				 </tr>
    				 <tr>
    					 <th>Symptoms</th>
    					 <td>Pain, cardiovascular, kidney, skin, and eye problems, fatigue, nausea.</td>
    				 </tr>
    			 </table>
    </div><!--quickfacts-->
    </body>
    </html>

    And a link to an image if you really need to see it.

    Thanks for the help.
    ~TehYoyo

  2. #2
    SitePoint Wizard Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,278
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    Code:
    td, th
    {
     border-collapse:collapse;
    try moving that line to the table itself

    table {
    border-collapse: collapse;
    }

  3. #3
    Robert Wellock silver trophybronze trophy xhtmlcoder's Avatar
    Join Date
    Apr 2002
    Location
    A Maze of Twisty Little Passages
    Posts
    6,316
    Mentioned
    60 Post(s)
    Tagged
    0 Thread(s)
    I see typos too the LINK element doesn't have a closing tag (it's forbidden) since it is EMPTY.

  4. #4
    <title class="lol"> bronze trophy TehYoyo's Avatar
    Join Date
    Feb 2012
    Location
    Northeast Chicago Suburbs
    Posts
    806
    Mentioned
    18 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Stomme poes View Post
    Code:
    td, th
    {
     border-collapse:collapse;
    try moving that line to the table itself

    table {
    border-collapse: collapse;
    }
    Worked like a charm. Thanks tons.

    Quote Originally Posted by xhtmlcoder View Post
    I see typos too the LINK element doesn't have a closing tag (it's forbidden) since it is EMPTY.
    Yeah. I got that complaint when I validated, but I couldn't quite figure our whether it was self-closing, normal, or just non-closing.

    ~TehYoyo


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •