Czasami jest tak, że programista C++ chce sobie coś napisać w js, a najwięcej czasu marnuje na ustawianiu elementów w CSS.
Jest sobie taki kod:
table.game_table {
border-spacing: 0px;
}
td.game_field_uncovered_td {
background-color: #c0c0c0;
border-bottom: #7e7e7e solid 4px;
border-right: #7e7e7e solid 4px;
border-top: white solid 4px;
border-left: white solid 4px;
padding: 0px;
margin: 0px;
width: 16px;
height: 16px;
}
Generuję sobie tabelkę 4x4, ale daje mi to niestety nie to co chciałem:
Oczywiście chciałbym, aby były idealnie kwadratowe. Długość boku tego kwadratu to: content+padding+border+margin = 16+0+8+0. Działa dobrze dla width, ale dla height content ma 8px zamiast 16. O czym nie wiem, czego nie umiem doczytać?