Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

thead does not display border

Posted on 2015-02-01
4
Medium Priority
?
87 Views
Last Modified: 2015-02-02
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
0
Comment
Question by:APD Toronto
  • 3
4 Comments
 
LVL 84

Expert Comment

by:Dave Baldwin
ID: 40583057
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
 
LVL 84

Expert Comment

by:Dave Baldwin
ID: 40583065
'tr' won't display a border either because it is also a 'grouping' element, not a visible element.
0
 

Author Comment

by:APD Toronto
ID: 40583081
In that case I get gaps between my columns
0
 
LVL 84

Accepted Solution

by:
Dave Baldwin earned 2000 total points
ID: 40583096
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

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
Suggested Courses

572 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question