ansaurus

Question

Answer 1

+2 A:

CSS property is "border-spacing" instead of "spacing"

In addition I reset tables using

outline: 0;

BC 2009-02-06 22:31:43

Thanks! Anyway, the problem persists.

Alex Ati 2009-02-07 00:18:51

Answer 2

+1 A:

<table cellspacing="0" cellpadding="0" border="0">

-- or --

td { padding:0 }

Abraham Pinzur 2009-02-06 22:34:48

Answer 3

+1 A:

Add styling for the table cell(s):

 <html>
  <head>
    <style type="text/css">
      #arrow {
        border-style: solid;
        margin: 0;
        padding: 0;
        border-width: 100px 0px 100px 50px;
        border-color: blue blue blue red;
      }

      table {
        border-collapse: collapse;
        border-style: none;
        padding: 0px;}

     td  { padding:0; border:0;}

    </style>
  </head>

  <body>
    <table>
      <tr>
        <td bgcolor="red">
          Blah,
        </td>
    <td>
      <div id="arrow"><!----></div>
    </td>
        <td bgcolor="blue">
          blah.
        </td>
      </tr>
    </table>
</body>
</html>

Jared 2009-02-06 23:55:04

I gave the correct answer to Abraham Pinzur, as he responded earlier, but thanks anyway!

Alex Ati 2009-02-07 00:20:35

You're welcome. I should have mentioned that a good thing to do with your css is reset the browser styles first off. Check out http://meyerweb.com/eric/tools/css/reset/index.html for a great example.

Jared 2009-02-07 01:50:10

ansaurus

tags:

views:

answers:

Placing a div inside a table cell

related questions