CSS Outline in tables?

[JorgeLainfiesta]

Hi all,

I’m trying to add an outline to a table, but it doesn’t work. I thought it might be because tables were not block elements (or that’s what I remember) I added a display:block to it, and the outline appeared, but everything was messesed up. So how do I go about adding an outline to the table?

Thanks!

[AshtonSanders]

I would try giving it a border instead of an outline.

If I’m not mistaken you can apply borders to <table>s and <tr>s.

[JorgeLainfiesta]

I’m trying to make the 2px pop technique, but w/o images or extra markup, so I already used the border to make the dark shade, so I was planning to use outline to make the white shade, but it didn’t work.

[Chris Coyier]

Might just need to wrap it in a DIV with another border…

[AshtonSanders]

Hmmm… Yea. Tables are "display:table" so outline won’t really work for it…

You can assign borders to the Table cells… not that that helps…

Sounds like additional markup is the answer.

[JorgeLainfiesta]

Yeah, that’s what I wanted to avoid. But there seem to be no other option. Thanks all for your help :) At least I’ll wrap the table with JS to keep my markup :P

[AshtonSanders]

"JorgeLainfiesta" wrote:

At least I’ll wrap the table with JS to keep my markup :P

Lol, why? That’s got to create much more lag than couple extra characters of HTML.

Are you afraid of Div-itis Police?

[JorgeLainfiesta]

"AshtonSanders" wrote:

"JorgeLainfiesta" wrote:

At least I’ll wrap the table with JS to keep my markup :P

Lol, why? That’s got to create much more lag than couple extra characters of HTML.

Are you afraid of Div-itis Police?

Well, not actually. The design is for a board script, so I’d have to edit tons and tons of templates to make all tables I want to give the effect wrapped into another div xD

[AshtonSanders]

I see. That makes sense.

[Author]

Posts