Stuck at 12. Styling with CSS under HTML: Tables


#1

Hey Guys,

I’m not very experienced with computers at all, neither with English, so I probably read over something but I have been trying to set the front size of all table headings and table data to 18 pixels and it just won’t work. I literally tried to change the pxs from 16 to 18 over ten times. What am I doing wrong? I am just going to put everything in here, sorry for that… :wink:

body {
background: #EEE;
margin: 0;
padding: 0;
}

/* Navigation */

.navigation {
box-sizing: border-box;
background-color: #3587A4;
overflow: auto;
padding: 18px 50px;
position: relative;
top: 0;
width: 100%;
z-index: 999;
}

ul {
padding: 0;
margin: 0;
}

li {
color: #FFF;
display: inline-block;
font-family: ‘Oxygen’, sans-serif;
font-size: 18px;
font-weight: 300;
letter-spacing: 2px;
margin: 0;
padding: 20px 18px 10px 18px;
text-transform: uppercase;
}

.active {
color: #88CCF1;
}

/* Table */

table {
height: 40%;
left: 10%;
margin: 20px auto;
overflow-y: scroll;
position: static;
width: 80%;
}

thead th {
background: #88CCF1;
color: #FFF;
font-family: ‘Lato’, sans-serif;
font-size: 18px;
font-weight: 100;
letter-spacing: 2px;
text-transform: uppercase;
}

tr {
background: #f4f7f8;
border-bottom: 1px solid #FFF;
margin-bottom: 5px;
}

th, td {
font-family: ‘Lato’, sans-serif;
font-weight: 400;
padding: 20px;
text-align: left;
width: 33.3333%;
}

.search {
background-color: #FFF;
border: 1px solid #DDD;
border-radius: 3px;
color: #AAA;
padding: 20px;
margin: 50px auto 0px auto;
width: 77%;
}


#2

Which one is giving you the problem? It is kinda hard to read since it is all here at once


#3

Add your font-size property to this selector rule.


#4

Thank you! Finally got it


#6

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.