thead does not display border

Hi Experts,

I am working with the attached CSS and HTML file and the thead within the table does not display the bottom border that I have on lines 154-156 of the CSS.

Any ideas?
luncheons.html
main.css
APD TorontoAsked:
Who is Participating?

Improve company productivity with a Business Account.Sign Up

x
 
Dave BaldwinConnect With a Mentor Fixer of ProblemsCommented:
Yep.  Then you want to use 'border-collapse'.  http://www.w3schools.com/cssref/pr_border-collapse.asp  Note also that HTML5 obsoleted quite a few things in 'thead' attributes.
0
 
Dave BaldwinFixer of ProblemsCommented:
Try using 'th' instead of 'thead'.  'th' is an actual cell in the table while 'thead' is just a grouping and not a visible element.
0
 
Dave BaldwinFixer of ProblemsCommented:
'tr' won't display a border either because it is also a 'grouping' element, not a visible element.
0
 
APD TorontoAuthor Commented:
In that case I get gaps between my columns
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.