Forum:Tables - can a single cell with two lines have each line a different colour?

In a table with a structure like this:

is it possible to make the text "extra line" have a white background? EmmerdaleWiki   Talk      13:44, February 22, 2012 (UTC)


 * It might be easier regardless if I redesign it slightly thus:

Could someone help me get rid of the visible line in between the two rows please? EmmerdaleWiki   Talk      14:32, February 22, 2012 (UTC)


 * Maybe a way to make the line white? Iggyvolz 15:30, February 22, 2012 (UTC)


 * If that's the easiest/only available option it would certainly do. Sometimes the line would need to be a colour other than white so something that hides the line would be preferable. Other than that as long as I can customise the colour for each part of the line individually that would be fine. EmmerdaleWiki    Talk      16:07, February 22, 2012 (UTC)


 * I didn't make the line white, I made the cell after "first line" span 2 rows. -- Fandyllic (talk &middot; contr) 22 Feb 2012 8:42 AM Pacific
 * Thanks, but that hasn't hidden the line between "first line" and "second line". Is it possible to hide or make this line white? Or perhaps the original querry is possible? EmmerdaleWiki    Talk      16:56, February 22, 2012 (UTC)

I hoped someone would have come up with a solution by now :( To change sliightly what I said yesterday in reply to Iggyvolz, what I want is actually just three looks - all white cells, all single-coloured cells (both of which can be done with row-span in the second method), and cells with the top half coloured and the bottom half white. So, yes, if the line can be made to go white that would definitely do the trick. Can anyone help, please? EmmerdaleWiki    Talk      13:39, February 23, 2012 (UTC)


 * Although, when I say "white" I actually mean the standard colour the table cells come in. If the grid lines can only be changed to white though, it wouldn't be a problem to make the cells white, too. In fact, every reference to "white" on this page ought to be read as "clear"! Sorry about that! EmmerdaleWiki    Talk      13:43, February 23, 2012 (UTC)
 * Or maybe the cell can be changed to gray, so it blends in with the line? Iggyvolz 15:49, February 23, 2012 (UTC)
 * The problem with that is the blank cells will be darker than I'd intended (which is important as there needs to be a distinction between 'empty' cells and 'filled-in' cells), and it will also in the process hide the vertical lines, which I'd like to keep.
 * Why did you ask yesterday "Maybe a way to make the line white?" if you don't actually know a way of doing this? It's a solution I've said is suitable, yet you seem unable to tell me how to do it? :(

OK, I've got to this so far:

Can someone help me do it so that only the bottom line is made white, please? EmmerdaleWiki  Talk      19:03, February 27, 2012 (UTC)


 * In the table above, you have given the cell with a blue background the following style:
 * Change that to  --Gardimuer { ʈalk } 22:35, February 27, 2012 (UTC)
 * Great, thanks!...Except I've made the same "white" mistake again! Can anybody tell me what shade of grey the unfilled cells default colour actually is, please? EmmerdaleWiki   Talk      22:46, February 27, 2012 (UTC)

Does anyone know for sure if the cells come with a natural tint? EmmerdaleWiki  Talk      22:58, February 27, 2012 (UTC)
 * It can't be an optical illusion because you can see a feint tint even in the empty right hand part of the table! I think I'll ask elsewhere though! EmmerdaleWiki   Talk      23:20, February 27, 2012 (UTC)

Solution: With thanks to Gardimuer

The line between the two cells now matches the bottom cell. Although having looked at it I now realise that in fact it looks better if the line matches the filled in cell, so everything after "Great, thanks!" was actually a waste of time! At least the solution is out there should anyone else wish to do it this way! EmmerdaleWiki  Talk      02:39, February 28, 2012 (UTC)

I was obviously more tired than I realised last night. THIS is the real solution!

It's not 100% perfect as the vertical lines are slightly broken up, but I imagine it's the closest you can get to what I was looking for! EmmerdaleWiki  Talk      08:21, February 28, 2012 (UTC)


 * Or, if you weren't using class wikitable, you could just remove the unwanted horizontal borders by using rules="cols". Using this method would circumvent the problem of needing the horizontal cell borders to match the background color, and would also remove the issue of your horizontal cell borders leaving 1px gaps in some of your vertical borders.


 * --Gardimuer { ʈalk } 16:49, February 28, 2012 (UTC)

That might be the perfect solution - except I think I need some help finishing off the jigsaw! Now I have no vertical lines at all!

Can this final problem be fixed? EmmerdaleWiki  Talk      00:37, February 29, 2012 (UTC)

border-bottom: 0px Granpa 20:10, February 28, 2012 (UTC)
 * That doesn't work - if its "0px" it has no effet on the look. EmmerdaleWiki   Talk      00:37, February 29, 2012 (UTC)

OK, I've realised why! Here is the (incomplete) solution:

Ah, it is only incomplete on certain browsers! The vertical lines aren't always visible unless they're coded in, but on IE the 2010's column looks fine! EmmerdaleWiki  Talk      01:15, February 29, 2012 (UTC)