Question: i have a html file with a 6 by 8 table with an id of Content. So i styled the background color i need some

i have a html file with a 6 by 8 table with an id of Content.

So i styled the background color

i need some help up to this point :

so When i hover over the table rows i applied a class of highlight on the current row that i hovered, in my CSS file.

so i have an image I need to position the image to the top right of the webpage using Jquery.

here is my html code :

Row 1, Column 1 Row 1, Column 2 Row 1, Column 3 Row 1, Column 4 Row 1, Column 5 Row 1, Column 6 Row 1, Column 7 Row 1, Column 8
Row 2, Column 1 Row 2, Column 2 Row 2, Column 3 Row 2, Column 4 Row 2, Column 5 Row 2, Column 6 Row 2, Column 7 Row 2, Column 8
Row 3, Column 1 Row 3, Column 2 Row 3, Column 3 Row 3, Column 4 Row 3, Column 5 Row 3, Column 6 Row 3, Column 7 Row 3, Column 8
Row 4, Column 1 Row 4, Column 2 Row 4, Column 3 Row 4, Column 4 Row 4, Column 5 Row 4, Column 6 Row 4, Column 7 Row 4, Column 8
Row 5, Column 1 Row 5, Column 2 Row 5, Column 3 Row 5, Column 4 Row 5, Column 5 Row 5, Column 6 Row 5, Column 7 Row 5, Column 8
Row 6, Column 1 Row 6, Column 2 Row 6, Column 3 Row 6, Column 4 Row 6, Column 5 Row 6, Column 6 Row 6, Column 7 Row 6, Column 8

my js file :

$(document).ready(function(){

$('tr').hover(function(){

$(this).addClass("highlight");

});

});

the css :

.highlight:hover{

background-color: yellow;

}

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!