Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Sandra Vu
Sandra Vu
3,525 Points

table tag, div and display:none

I didnt get this piece of code from an HTML email I am tearing apart to learn the structure. Would you understand why display:none was included twice in the div tag and the table tag, yet the result of the whole block is still visible? Link to the screenshot:

http://imageshack.com/a/img924/5782/N7Lt7k.png

2 Answers

Brendan Whiting
.a{fill-rule:evenodd;}techdegree seal-36
Brendan Whiting
Front End Web Development Techdegree Graduate 84,738 Points

It's hard to tell from a screenshot without access to the code. The display: table declaration inside the table rule is grey, meaning it's inherited from a parent element. These articles might help:

Sandra Vu
Sandra Vu
3,525 Points
Sandra Vu
Sandra Vu
3,525 Points

Hi Brendan

Thanks for your response. I have done a bit of poking around and learnt that "invisible elements" in HTML emails are mostly spacing techniques :D.

Checking out your links also!