I did it: Complete! and I used CSS

HTML & CSS
62

<table align='center' height='100%'> works the same way as <table style="height: 100%;">

63

It’s fun, isn’t it !!!

2 Likes
64

yes. Still can’t figure out how to remove the very bottom, top, left and right side lines. http://testblogty678.blogspot.com/

65

Those blue lines are the blue outline around the table-cells. That is the outer table cell that is annoying you. Change the outline selector to read

td.one {outline:1px solid blue}

I think that will do it by targeting only the table cells of the inner table.

66

Change: td {outline:1px solid blue;} [to] td table tr td {outline: 1px solid blue;} http://testblogty678.blogspot.com/

1 Like
67

Which of these codes do you like better?

td td {
outline: 1px solid blue;
}

or

td table tr td {outline: 1px solid blue;}

68

Neither, really. The first one if you are sold on using a table to frame the page, but I would prefer to assign a classname to the inner table and use that as the reference. Reason being that the outer table is unnecessary and can be replace by a <div> acting as a table. The same is true of the inner table, too, but that’s for another time.

69

But then when you scroll down you’re missing one https://jsfiddle.net/eqhdzz73/29/

70

That is a question of personal preference, there is no right or wrong. td td should be sufficient, the longer version is more robust against a faulty html structure and easier to understand in my eyes. – arkascha http://stackoverflow.com/questions/37986630/is-there-any-possible-way-to-remove-the-very-bottom-top-left-and-right-side-li#comment63419402_37986775

71

That’s because you haven’t applied the more efficient CSS yet. You know, the one with "one"s assigned to all of the cells and "two"s assigned to the cells in the last row. We just went over that in a fiddle.

72

that was from a person on stackoverflow

73

If you’re quoting from elsewhere, then please mark it as a quote and give the attribution (link if possible) so we have the full picture.

74

Done.

1 Like
75

I gave you my choice and it was better because it expected better CSS IMO.

76

But then when you scroll down you’re missing one https://jsfiddle.net/eqhdzz73/29/

77

the last 3 don’t have an outline.

78

Not if you use the more efficient CSS like we did on the fiddle.

The last three do not have class “one” assigned.

fiddle #26 looks like it is still active.
https://jsfiddle.net/eqhdzz73/26/

79

I stand corrected then.

81

When you do 25px line height, it adds a double line, how do you get rid of that? Look: https://jsfiddle.net/eqhdzz73/32/1

82

Don’t assign a line height.

I don’t particularly like this technique here. The normal line height does not look bad to me.