Оцениет код, пожалуйста
article {
width: 470px;
display: table;
background: url(“img/wood.png”);
border: 5px solid #686868;
border-spacing: 15px;
text-align: center;
vertical-align: middle;
margin: 10px;
}
ul {
display: table-row;
}
li {
display: table-cell;
}
ul li {
border: 10px solid #686868;
padding-top: 20px;
padding-bottom: 20px;
}
ul:first-child > li {
background: url(“img/wall-1.png”);
}
ul:last-child > li {
background: url(“img/wall-2.png”);
}
ul li:first-child {
width: 110px;
}
ul li:nth-child(2) {
width: 90px;
}
kirrik
2
И мой, если не сложно =)
article {
display: table;
width: 470px;
margin: 10px;
border: 5px solid #686868;
background-image: url(‘img/wood.png’);
border-collapse: separate;
border-spacing: 15px;
}
ul {
display: table-row;
}
li {
display: table-cell;
border: 10px solid #686868;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
vertical-align: middle;
}
ul:nth-child(1) li {
background-image: url(‘img/wall-1.png’);
}
ul:nth-child(2) li {
background-image: url(‘img/wall-2.png’);
}
li:nth-child(1) {
width: 110px;
}
li:nth-child(2) {
width: 90px;
}