Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Table and span overlay

Table and span overlay


How can i make the button on top right so the background fills the completely in this area, without these margins around it?

Problem courtesy of: user3187469


I noticed you have a padding:3px on the th of the table. I changed the markup a little by adding a couple of classes and a Span for the title.

Title button

.table.table-thin thead th.title {padding:0px}
.table.table-thin thead th.title span {padding:3px;}

Here the updated forked jsfiddle.

Solution courtesy of: Joe Saad


View additional discussion.

This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Table and span overlay


Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription