Стоит вот какая цель:
Нужно логотип разбить на 2 части, и 2 эти части логотипа с помощью CSS пристроить к сайту. Все это я сделал. С компа выходит все супер, как по маслу, отображается 1-я и 2-я части логотипа, а вот с телефона только 1-я. Главный вопрос: ПОЧЕМУ?
Ниже привожу пример кодов:
В html:
<div class="head"/><div class="logo"/><div class="logoname"/></div></div></div>
В CSS:
.logo {
background: url(images/logo.png);
background-repeat: no-repeat;
text-align: center;
position: relative;
top: 5px;
left: 4px;
width: 66px;
height: 66px;
padding-top: 3px;
display: inline-table;
}
.logoname {
background: url(images/logoname.png);
background-repeat: no-repeat;
text-align: center;
position: relative;
top: 14px;
left: 65px;
width: 105px;
height: 28px;
padding-top: 3px;
display: inline-table;
}
Для того чтоб было более понятно и удобно, прикрепляю схему и txt-файл.
В принцыпе если с компа все работает нормально, то и в коде ошибок по идеи не должно быть, но почему ж тогда с телефона не все отображается?
Забыл уточнить:
1-я часть логотипа - это .logo
2-я часть логотипа - это .logoname
Sceptic, изображение будет уходить в рамки разметки, то есть русскими словами ширина и высота которую указал автор...
проверь возьми изображение 200х200 пикселей и посмотри что будет...
xAcker, может дашь автору написать высоту изображений?
Проверять мне некогда...
//до прихода тс, я офф с темы :пардон: