Сначала код, потом пояснение ))
CSS
HTML:
А теперь проблема) Когда нету еще Центральных кнопок (1,2,3 и т.д.), а только "назад" и "ответить", то, фон исчезает)))Убираю "ответить",оставляю только "назад", фон появляется, меняю местами (т.е. ответить убираю,а назад оставляю),фон тоже есть.
А когда вместе две кнопки, фон пропадает
Впервые с таким сталкиваюсь)) есть предположения? скрин ниже
CSS
| Код |
|---|
.page {
background: green url(img/green.png);
align: center;
border-left: 1px solid #85A22D;
border-right: 1px solid #85A22D;
}
a.button {
background:#fff;
position: relative;
display: inline-block;
width: 3em;
height: 3em;
line-height: 3em;
vertical-align: middle;
text-align: center;
text-decoration: none;
color: #000;
outline: none;
border-radius: 5px;
box-shadow: 0 0 0 1px #ddd inset, 0 1px 1px #fff;
margin: 5px;
}
a.button:hover {
background: #dcdcdc linear-gradient(#fff, #dcdcdc);
box-shadow: 0 0 0 1px #aaa inset, 0 1px 1px #aaa;
}
a.button:active {
background: none;
box-shadow: 0 0 0 1px #bbb inset, 0 1px 3px rgba(0,0,0,.5) inset, 0 1px 2px #fff;
}
|
| Код |
|---|
<div class="page" align="center"><a class="botton" href="#" style="float:left"> Назад </a> <a class="button" href="#">1</a> <a class="button" href="#">2</a><a class="botton" href="#" style="float:right">Ответить</a></div> |
А теперь проблема) Когда нету еще Центральных кнопок (1,2,3 и т.д.), а только "назад" и "ответить", то, фон исчезает)))Убираю "ответить",оставляю только "назад", фон появляется, меняю местами (т.е. ответить убираю,а назад оставляю),фон тоже есть.
А когда вместе две кнопки, фон пропадает
Впервые с таким сталкиваюсь)) есть предположения? скрин ниже
3131201.png (6.09 КБ) [ Скачать ]
