This commit is contained in:
fruitstaa 2018-10-27 17:06:51 +02:00
parent ea2b043706
commit adc2e69ac4
5 changed files with 20 additions and 7 deletions

View file

@ -1,5 +1,5 @@
/* Add a black background color to the top navigation */
.topnav {
.topnav {
background-image: linear-gradient(grey, lightgrey);
overflow: hidden;
}
@ -29,19 +29,26 @@
table#t01 {
width: 100%;
background-color: white;
text-align: center;
text-align: left;
margin: 2em;
vertical-align: middle;
}
table#t01 tr:nth-child(even) {
background-color: lightblue;
background-color: white;
height: 2em;
vertical-align: middle;
}
table#t01 tr:nth-child(odd) {
background-color: white;
background-color: lightgrey;
height: 2em;
}
table#t01 th {
padding: 15px;
background-color: white;
}
.boxed {
@ -49,4 +56,9 @@ table#t01 th {
width: 80%;
box-align: center;
text-align: center;
}
th {
text-align: left;
border-bottom: 3px solid lightgrey;
}

View file

@ -98,7 +98,7 @@ input[type="checkbox"] {vertical-align: bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
table {font-size: inherit; font: 100%; text-align: 'left'}
small {font-size: 85%;}

View file

@ -39,6 +39,7 @@
</script>
<footer>
<hr style="border: 1px solid lightgreen">
<p>Copyright © 2018 world_data</p>
<p>First course exercise HTML, CSS and JS of the lecture Web and Multimedia Engineering</p>
<p>This solution has been created by: Team 26</p>

View file

@ -33,7 +33,7 @@ function processData(csv) {
var data = allTextLines[0].split(",");
for (var j = 0; j < data.length; j++) {
table += "<th onclick=\"sortTable(" + j + ")\">";
table += "<th onclick=\"sortTable(" + j + ")\" >";
table += data[j];
table += "</th>";
}

View file

@ -1,4 +1,4 @@
id ,name ,birth rate per 1000,cell phones per 100,children per woman,electricity consumption per capita,gdp_per_capita,gdp_per_capita_growth,inflation annual,internet user per 100,life expectancy,military expenditure percent of gdp,gps_lat ,gps_long
id ,name ,birth rate per 1000,cell phones per 100,children per woman,electricity consumption per capita,gdp_ per_ capita,gdp_ per_ capita_ growth,inflation annual,internet user per 100,life expectancy,military expenditure percent of gdp,gps_lat ,gps_long
001,Brazil ,16.405 ,90.01936334 ,1.862 ,2201.808724 ,4424.758692 ,-1.520402823 ,8.228535058 ,39.22 ,74 ,1.615173655 ,-14.235004000,-51.925280000
002,Canada ,10.625 ,70.70997244 ,1.668 ,15119.76414 ,25069.86915 ,-3.953353186 ,2.944408564 ,80.17086651 ,80.9 ,1.415710422 ,56.130366000 ,-106.346771000
003,Chile ,15.04 ,97.01862561 ,1.873 ,3276.06449 ,6451.631126 ,-2.610485847 ,7.47050527 ,38.8 ,78.8 ,3.064076139 ,-35.675147000,71.542969000

1 id name birth rate per 1000 cell phones per 100 children per woman electricity consumption per capita gdp_per_capita gdp_ per_ capita gdp_per_capita_growth gdp_ per_ capita_ growth inflation annual internet user per 100 life expectancy military expenditure percent of gdp gps_lat gps_long
2 001 Brazil 16.405 90.01936334 1.862 2201.808724 4424.758692 -1.520402823 8.228535058 39.22 74 1.615173655 -14.235004000 -51.925280000
3 002 Canada 10.625 70.70997244 1.668 15119.76414 25069.86915 -3.953353186 2.944408564 80.17086651 80.9 1.415710422 56.130366000 -106.346771000
4 003 Chile 15.04 97.01862561 1.873 3276.06449 6451.631126 -2.610485847 7.47050527 38.8 78.8 3.064076139 -35.675147000 71.542969000