Не могу понять.
С компьютера кнопка выглядит нормлаьно и текст на ней тоже.
А на телефоне текста не видно или в 1ом случае ниже кнопки.
echo'<a class="button w45" href="/fair"><img src="/images/icons/shop.png"> Магазин</a>
<a class="button w45 12" href="/fair"><img src="/images/icons/shop.png"> Магазин</a>';
данные из css
a {color:white;}
a:hover {color:white;}
a.white {color:white;}
a.ccc {color:#ccc;}
.w45{width:48%;}
пример
весь цсс
Нормально там всё видно с телефона...
А, так у тебя какой то другой кнопки не видно. Это еще регистрироваться надо что бы посмотреть.
cейчас тест акк дам.
TESTER 123456.
да там и регистрироватся нечего.
вот эти кнопки.
Магазин
Аукцион
Рейтинги
Усиления
<a class="button w45 12"
Имена классы CSS не должны начинаться с цифры и тем более не должны состоять только из цифр.
Что это у тебя там за 12?
Олеже, это называется "селекторы".
AlkatraZ, дизайном занимался не я,а второй соавтор,он пропал.вот теперь и разгребаю проблемы.
полный код вывода
echo'<div class="small mt10 mlra cntr">
<div class="mb5">
<a class="button w45" href="/fair"><img src="/images/icons/shop.png"> Магазин</a>
<a class="button w45 m12" href="/auctions"><img src="/images/icons/arena.gif"> Аукцион</a>
</div>
<div class="">
<a class="button w45" href="/rating"><img src="/images/icons/arena.gif"> Рейтинги</a>
<a class="button w45 m12" href="/gain"><img src="/images/icons/strlen.png"> Усиления</a>
</div>
</div>';
------------------------------------------
данные из стайла
.mt10{margin-top:10px;}
.mlra{margin-left:auto;margin-right:auto;}
.cntr{text-align:center;}
.mb5{margin-bottom:5px;}
.w45{width:48%;}
.ml2 { margin-left:2px; }
.button .ttl{
height:27px;
line-height:27px !important;
background-image:url('/images/bg/bg-btn1.png');
}
.button {
cursor:pointer;
display:inline-block;
overflow:hidden;
text-decoration:none !important;
height:26px;
line-height:26px !important;
background-image:url('/images/bg/bg-btn1.png');
background-color:#777777;
background-repeat:repeat-x;
border: 1px solid #868484;
}
.button input.ttl{width:100%;}
.button .ttl{
position:relative;
cursor:pointer;
display:block;
background-position:0 0px;
background-repeat:repeat-x;
background-color:#777777;
text-align:center;
white-space:nowrap;
font-size:medium;
color:#eeeeee !important;
text-shadow:#35312d 0 1px 1px;
margin:0px;
padding:0px;
border:0px;
font-size:small;}
# КоханийВолодимир (15.09.2014 / 09:30)
Олеже, это называется "селекторы".
Спасибо за справку, узнал для себя много нового!
Но ты внимательно читал, о чем я писал?
Имена классов CSS не должны начинаться с цифры и тем более не должны состоять только из цифр.
http://htmlbook.ru/samcss/klassy
