X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Кривая верстка на телефоне
Lesha33
Lesha33
Topic Starter сообщение 13.12.2014, 13:42; Ответить: Lesha33
Сообщение #1


Завсегдатай
*****


Группа: Banned
Сообщений: 755
Регистрация: 4.3.2008
Поблагодарили: 85 раз
Репутация:   27  


Гуру, здравствуйте! Подскажите, на сайте http://spec-group.ru/ с айона разъезжается верх, и не видно номера телефона. Почему?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
shester
shester
сообщение 13.12.2014, 14:52; Ответить: shester
Сообщение #2


Новичок
*

Группа: Viewer
Сообщений: 3
Регистрация: 13.11.2014
Поблагодарили: 0 раз
Репутация:   1  


У вас везде прописана ширина, а в диве хидер ее нет.
Надо как то так (гуру если чего поправят):
.header {
background: url("../images/header-bg.png") no-repeat scroll center center / cover rgba(0, 0, 0, 0);
height: 144px;
margin: 0 auto;
max-width: 1024px;
position: relative;
}
И позакрывайте тэги, много ошибок.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
avvavv
avvavv
сообщение 13.12.2014, 14:54; Ответить: avvavv
Сообщение #3


Новичок
*

Группа: User
Сообщений: 21
Регистрация: 5.12.2014
Поблагодарили: 1 раз
Репутация:   0  


Lesha33,

Сейчас у вас:
Код
<div class="phone">
<i class="phone-ico"></i>
<span class="small">Телефон</span>
<span class="number">8 (495) 782 58 18</span>
<span class="number">8 (495) 505 11 11</span>
</div>


Быстрый способ, на мой взгляд, вписать номера телефонов в один спан со словом "телефон"
Код
<div class="phone">
<i class="phone-ico"></i>
<span class="number"><small>Телефон</small>
  8 (495) 782 58 18 <br/>
  8 (495) 505 11 11
</span>
</div>




--------------------
Вебмастер! Узнай, чего не хватает твоему сайту! https://voproso.ru
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lesha33
Lesha33
Topic Starter сообщение 13.12.2014, 20:37; Ответить: Lesha33
Сообщение #4


Завсегдатай
*****


Группа: Banned
Сообщений: 755
Регистрация: 4.3.2008
Поблагодарили: 85 раз
Репутация:   27  


Не помогает, есть еще варианты?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesM12
JamesM12
сообщение 13.12.2014, 23:50; Ответить: JamesM12
Сообщение #5


Частый гость
**


Группа: User
Сообщений: 99
Регистрация: 30.10.2012
Поблагодарили: 27 раз
Репутация:   2  


Вообще по хорошему там не хватает контейнера еще одного, а если быстрому поправить у .phone убрать float и падингом подогнать

Код
.phone {  
    margin: 0 auto;
    padding: 25px 0 0 610px;
    right: 0;
    width: 220px;
}


что б делать через float нужен контейнер под class=header еще один с фиксированной шириной


--------------------
Создание, исправление, доработка, лечение ваших проектов :)
Linux, PHP, Javascript, HTML, CSS, Wordpress since 2008 - wpmastering.pro
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Lesha33
Lesha33
Topic Starter сообщение 15.12.2014, 21:21; Ответить: Lesha33
Сообщение #6


Завсегдатай
*****


Группа: Banned
Сообщений: 755
Регистрация: 4.3.2008
Поблагодарили: 85 раз
Репутация:   27  


Ребята, выручайте, уже все перепробовал. Посмотрите, что еще можно сделать. Номер телефона с айфона, на сафари не отображается
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JamesM12
JamesM12
сообщение 16.12.2014, 23:32; Ответить: JamesM12
Сообщение #7


Частый гость
**


Группа: User
Сообщений: 99
Регистрация: 30.10.2012
Поблагодарили: 27 раз
Репутация:   2  


я ж скинул вам работающий вариант у меня и в браузере и айфоне работает


--------------------
Создание, исправление, доработка, лечение ваших проектов :)
Linux, PHP, Javascript, HTML, CSS, Wordpress since 2008 - wpmastering.pro
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
125 Gerga 40042 Вчера, 15:34
автор: websitedesign
Открытая тема (нет новых ответов) PSD2HTML верстка и не только
Верстка макетов Photoshop / Avocode / с картинки
8 Smile3D 372 10.12.2017, 17:52
автор: Smile3D
Открытая тема (нет новых ответов) php скрипты любой сложности / диз+верстка (адаптивно)
любые задачи на php - автоматизация, парсинг, работа с БД
1 affrodita 500 8.12.2017, 17:40
автор: affrodita
Открытая тема (нет новых ответов) Адаптация сайтов под мобильные устройства, качественная кроссбраузерная верстка, работа с Wordpress
PSD to HTML, натяжка макетов на Wordpress, адаптивная верстка
28 anton_ber 5192 6.12.2017, 13:39
автор: anton_ber
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПрофессиональная разработка сайтов, верстка, программирование. Работа с любыми движками и фреймворками. Опыт более 5-лет.
Создание Сайтов Любых CMS
299 woodzy 98457 29.11.2017, 16:06
автор: Stom


 



RSS Текстовая версия Сейчас: 15.12.2017, 3:25
Дизайн