How to get css background color on tag to span entire row


Tags: html,css,background-color

Problem :

I have tried everything I can think of in css in order to get a background color to span an entire table row (<tr> tag) But I keep getting a white border around each cell.

CSS (excerpt):

/*alternating row*/
table, tr, td, th {margin:0;border:0;padding:0;}
tr.rowhighlight {background-color:#f0f8ff;margin:0;border:0;padding:0;}

HTML (excerpt):

<tr class="rowhighlight"><td>A</td><td>B</td><td>C</td></tr>

It just does not want to cooperate. Thanks for helping...



Solution :

table{border-collapse:collapse;}

    CSS Howto..

    How to keep styles after animation?

    How to hide text without ID?

    How to align with digits inside to the right, jQuery

    CSS list styling - how to reduce the distance between parent and children of the previous parent?

    Overlay image to show like panorama [closed]

    How make divs next to each other?

    How to define the color of characters in OL/LI lists via CSS, WITHOUT using any image bullets or any span tag?

    How to reduce this css code [duplicate]

    How to set div height to fit the screen css

    Gradient css borders not showing in internet explorer an firefox

    How do I select text after a

    tag, but before a nested tag?

    How to set padding on the container?

    How to exclude CSS file from Visual Studio intellisense?

    JavaScript, AngularJS: How do I know if element is larger than its container?

    How can I prevent my button from being mangled?

    How do I get this div to be positioned below this search form?

    How to resize all div images to a particular size?

    How to force firefox to use custom CSS for anchor tags that contain “#” or “javascript:”?

    How to change horizontal block-level elements to vertical elements after specific width?

    How to override custom placeholder css

    Css styling without !important - how to do this?

    How to put button next to Image in CSS?

    How to automatically resize a div based on background image size?

    How to remove Firefox's button outline when mouse press, not click, hover or forcus

    How to disable Cufon on certain elements?

    How can I incorporate a slideshow into HTML?

    How can i make an inline li 100% width of window with horizontal scrolling viewport

    How to use JavaScript to Alter CSS for Multiple Elements

    how to disable width: 100%; and box-sizing: border-box;

    how to add a custom font to rails app