+ 1

What is the error in this----> color of text and border is not changing

css---> td.top { vertical-align: top; } td.middle { vertical-align: middle; } td.bottom { vertical-align: bottom; } div.table{ color:red; border-width:10px; border-color:purple; bgcolor:yellow; } html---> <html> <body> <table border="1" cellpadding="2" cellspacing="0" style="height: 150px;"> <div class="table"> <tr> <td class="top">Top</td> <td class="middle">Middle</td> <td class="bottom">Bottom</td> </tr> </div> </table> </body> </html>

css error class

26th Dec 2017, 6:55 PM

Kratos

10 Answers

+ 8

https://code.sololearn.com/Codes/ Paste your code in code playground and then post it here.

26th Dec 2017, 7:19 PM

Ranjan Bagri

+ 6

https://code.sololearn.com/W1PJGzisbCyf/?ref=app here is the solve

26th Dec 2017, 8:24 PM

Scooby

+ 2

@ranjan didn't get u!

26th Dec 2017, 7:15 PM

Kratos

+ 1

your not supposed to write td just do bottom{ not td.bottom{

26th Dec 2017, 6:58 PM

Daniel Prince

+ 1

this is not a error... color of table is not changing why?..

26th Dec 2017, 7:02 PM

Kratos

+ 1

Made mods to table in html and css selections. https://code.sololearn.com/WRS2HxMCt6y3/?ref=app

26th Dec 2017, 7:20 PM

John Wells

+ 1

You had div as child of table so it couldn't change it. I moved it as parent fixing text color, but not border. Adding the class to table fixed the border.

26th Dec 2017, 7:31 PM

John Wells

+ 1

ohhh ohk ohk now i get it ... i just misplaced the things thakx

26th Dec 2017, 7:33 PM

Kratos

https://code.sololearn.com/WZQ7eOBYzpk0/?ref=app done

26th Dec 2017, 7:25 PM

Kratos

@john wells but why it not working when we apply class in div <table> is child elemnt of it so this must be directly apply to table also.???

26th Dec 2017, 7:27 PM

Kratos