PLEASE HELP! Gaps in table

  • ecu3333
  • Born
  • Born
  • ecu3333
  • Posts: 4

Post 3+ Months Ago

Hello everyone. I have a simple layout using tables. I'm learning CSS but that's another post. I can't get the gaps out of the table. I've tried the css "collapse" but now they are not aligned. If anyone knows how I can get this to line up w/out gaps.....thanks! :D

Here's the html file
Code: [ Select ]
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<table id="head_table">
<tr>
    <td colspan="3"><img src="images/header.jpg" width="900" height="100"></td>
</tr>
<tr>
    <td rowspan="2"><img src="images/flash.jpg" width="180" height="130"></td>
    <td><img src="images/countdown.jpg" width="320" height="96"></td>
    <td><img src="images/hisradio.jpg" width="400" height="96"></td>
</tr>
<tr>
    <td colspan="2"><table width="720">
     <tr>
        <td><img src="images/buttons.jpg" width="120" height="34"></td>
        <td><img src="images/buttons.jpg" width="120" height="34"></td>
        <td><img src="images/buttons.jpg" width="120" height="34"></td>
        <td><img src="images/buttons.jpg" width="120" height="34"></td>
        <td><img src="images/buttons.jpg" width="120" height="34"></td>
        <td><img src="images/buttons.jpg" width="120" height="34"></td>
     </tr>
    </table></td>
</tr>
</table>

</body>
</html>
  1. <html>
  2. <head>
  3. <title>Untitled Document</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <link href="style.css" rel="stylesheet" type="text/css">
  6. </head>
  7. <body>
  8. <table id="head_table">
  9. <tr>
  10.     <td colspan="3"><img src="images/header.jpg" width="900" height="100"></td>
  11. </tr>
  12. <tr>
  13.     <td rowspan="2"><img src="images/flash.jpg" width="180" height="130"></td>
  14.     <td><img src="images/countdown.jpg" width="320" height="96"></td>
  15.     <td><img src="images/hisradio.jpg" width="400" height="96"></td>
  16. </tr>
  17. <tr>
  18.     <td colspan="2"><table width="720">
  19.      <tr>
  20.         <td><img src="images/buttons.jpg" width="120" height="34"></td>
  21.         <td><img src="images/buttons.jpg" width="120" height="34"></td>
  22.         <td><img src="images/buttons.jpg" width="120" height="34"></td>
  23.         <td><img src="images/buttons.jpg" width="120" height="34"></td>
  24.         <td><img src="images/buttons.jpg" width="120" height="34"></td>
  25.         <td><img src="images/buttons.jpg" width="120" height="34"></td>
  26.      </tr>
  27.     </table></td>
  28. </tr>
  29. </table>
  30. </body>
  31. </html>


Here's the style.css file
Code: [ Select ]
* { margin: 0; padding: 0 }
BODY {
    font: 76% Arial Geneva, Helvetica, sans-serif;
    color: #504F4E;
    background: #000000;
    width: 900px;
    margin: 0 auto
}
table.collapse {
border-width:3px;
border-style:solid;
border-color:#ff9900;
border-collapse:collapse;
}
  1. * { margin: 0; padding: 0 }
  2. BODY {
  3.     font: 76% Arial Geneva, Helvetica, sans-serif;
  4.     color: #504F4E;
  5.     background: #000000;
  6.     width: 900px;
  7.     margin: 0 auto
  8. }
  9. table.collapse {
  10. border-width:3px;
  11. border-style:solid;
  12. border-color:#ff9900;
  13. border-collapse:collapse;
  14. }
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • graphixboy
  • Control + Z
  • Mastermind
  • User avatar
  • Posts: 1828
  • Loc: In the Great White North

Post 3+ Months Ago

Code: [ Select ]
<table id="head_table" border="0" cellpading="0" cellspacing="0">

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 31 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.