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 do I align text to the middle of an element with CSS in Twitter Bootstrap?

    how to make NGINX serve static content like .js, .css, .html?

    How to prevent a p:menubar from being overlapped by the contents of a CSS template?

    How to combine HTML, CSS, and Javascript into an HTML code

    CSS How to animate a transition from opacity 0 upon hover

    Coming from Android XML layouts, how to place web page elements in XHTML?

    how can i make the li inside the div be horizontal?

    How to show the vertical image into horizontal manner using HTML and CSS?

    How to configure opacity based CSS overlay to not effect spacing of surrounding elements?

    How to embed a custom bitmap font into website using CSS

    How to limit input text length using CSS3? [duplicate]

    How to make css jQuery thumbnail slides loop

    How do I make a text tag as long as the div containing it?

    How can I hide an element that doesn't have an id from the CSS?

    How to remove right border

    How to get Bootstrap grid spans narrower than span1?

    Slideshow using MooTools JavaScript - How can I position slideshow to rescale in browser window

    How to style the tabs in primary menu links in a Drupal 7 subtheme?

    Show a caption with a semi-transparent color overlay when hovering over an image

    Slideshow by changing background-image CSS attribute using JQuery in Drupal 7

    How to call particular CSS file only for desktop not for mobile [closed]

    Ionic 2 - how to make ion-button with icon and text on two lines?

    How to create a Twitter Bootstrap Textarea

    css ul and li - multiple spans in each li and how to line up the spans vertically

    How to change drop-down menu to drop-up menu

    How to place a div right below another div?

    How to replicate this CSS sibling selector in jQuery?

    How do I make a text input non-editable?

    How to get a border around this polygon?

    How to apply css to top level element only