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
Get step-by-step solutions from verified subject matter experts
