1. Forum
  2. Usenet
  3. COMP.LANG.JAVASCRIPT

  • dead space in table cell

    From luserdroog@21:1/5 to All on Fri Dec 3 19:21:53 2021
    I've got

    <table>
    <tr>
    <td>
    <a/>
    </td>
    </tr>
    </table>

    but there's space around the edges of the cell that don't
    respond to clicks. Is there a way to maybe style the <td>
    so the <a> takes up all the interior space? Is that "padding"
    or something?

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From luserdroog@21:1/5 to luserdroog on Fri Dec 3 21:23:06 2021
    On Friday, December 3, 2021 at 9:21:58 PM UTC-6, luserdroog wrote:
    I've got

    <table>



    </td>
    </tr>
    </table>

    but there's space around the edges of the cell that don't
    respond to clicks. Is there a way to maybe style the <td>
    so the <a> takes up all the interior space? Is that "padding"
    or something?

    Wait... is the answer 'functions'?!
    It's got to be functions. But I don't see how.

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From JJ@21:1/5 to luserdroog on Sat Dec 4 13:20:31 2021
    On Fri, 3 Dec 2021 19:21:53 -0800 (PST), luserdroog wrote:
    I've got

    <table>
    <tr>
    <td>
    <a/>
    </td>
    </tr>
    </table>

    but there's space around the edges of the cell that don't
    respond to clicks. Is there a way to maybe style the <td>
    so the <a> takes up all the interior space? Is that "padding"
    or something?

    It's due to table cell's padding which is technically margins between cells, rather than actual padding within cells. So, that space actually belong to
    the table element.

    If you don't want the padding, style the table with
    `border-collapse:collapse`.

    If you want the padding and still want then to be clickable, apply the above style, then add padding style to the table cells.

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From Julio Di Egidio@21:1/5 to All on Sat Dec 4 01:16:03 2021
    On Saturday, 4 December 2021 at 07:20:39 UTC+1, JJ wrote:
    On Fri, 3 Dec 2021 19:21:53 -0800 (PST), luserdroog wrote:
    I've got

    <table>



    </td>
    </tr>
    </table>

    but there's space around the edges of the cell that don't
    respond to clicks. Is there a way to maybe style the <td>
    so the <a> takes up all the interior space? Is that "padding"
    or something?
    It's due to table cell's padding which is technically margins between cells, rather than actual padding within cells. So, that space actually belong to the table element.

    If you don't want the padding, style the table with `border-collapse:collapse`.

    If you want the padding and still want then to be clickable, apply the above style, then add padding style to the table cells.

    You fucking spamming retarded cunts. ESAD.

    *Plonk*

    Julio

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From John Harris@21:1/5 to Julio Di Egidio on Sat Dec 4 11:46:15 2021
    On 04/12/2021 09:16, Julio Di Egidio wrote:
    On Saturday, 4 December 2021 at 07:20:39 UTC+1, JJ wrote:

    <snip>
    If you want the padding and still want then to be clickable, apply the above >> style, then add padding style to the table cells.

    You fucking spamming retarded cunts. ESAD.

    *Plonk*

    Julio

    Clicking is on-topic, padding is off-topic, so the two together is not spamming. (Except for people wanting an excuse to flame.)

    John

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From luserdroog@21:1/5 to All on Sat Dec 4 18:15:40 2021
    On Saturday, December 4, 2021 at 12:20:39 AM UTC-6, JJ wrote:
    On Fri, 3 Dec 2021 19:21:53 -0800 (PST), luserdroog wrote:
    I've got

    <table>



    </td>
    </tr>
    </table>

    but there's space around the edges of the cell that don't
    respond to clicks. Is there a way to maybe style the <td>
    so the <a> takes up all the interior space? Is that "padding"
    or something?
    It's due to table cell's padding which is technically margins between cells, rather than actual padding within cells. So, that space actually belong to the table element.

    If you don't want the padding, style the table with `border-collapse:collapse`.

    If you want the padding and still want then to be clickable, apply the above style, then add padding style to the table cells.

    Thanks. I already had "table { border-collapse: collapse }". So I added "padding: 0" to the <th>s and <td>s and that's the thing. That's what I want. It even looks nicer.

    I can still find a mouse position right on the edges where clicking doesn't
    do anything. But it's much harder to accidentally click there.

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)