Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #40595 > unrolled thread

dead space in table cell

Back to article view | Back to comp.lang.javascript

Contents

  dead space in table cell luserdroog <luser.droog@gmail.com> - 2021-12-03 19:21 -0800
    Re: dead space in table cell luserdroog <luser.droog@gmail.com> - 2021-12-03 21:23 -0800
    Re: dead space in table cell JJ <jj4public@gmail.com> - 2021-12-04 13:20 +0700
      Re: dead space in table cell Julio Di Egidio <julio@diegidio.name> - 2021-12-04 01:16 -0800
        Re: dead space in table cell John Harris <niam@jghnorth.org.uk.invalid> - 2021-12-04 11:46 +0000
      Re: dead space in table cell luserdroog <luser.droog@gmail.com> - 2021-12-04 18:15 -0800

#40595 — dead space in table cell

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?

[toc] | [next] | [standalone]

#40602

On Friday, December 3, 2021 at 9:21:58 PM UTC-6, 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?

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

[toc] | [prev] | [next] | [standalone]

#40604

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.

[toc] | [prev] | [next] | [standalone]

#40606

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> 
> > <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.

You fucking spamming retarded cunts.  ESAD.

*Plonk*

Julio

[toc] | [prev] | [next] | [standalone]

#40607

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

[toc] | [prev] | [next] | [standalone]

#40610

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> 
> > <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.

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.

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web