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

Table and span overlay

Table and span overlay

Problem

http://jsfiddle.net/PR8y3/

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

Solution

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. http://jsfiddle.net/joeSaad/zp5hC/1/

Solution courtesy of: Joe Saad

Discussion

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

×