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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


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


У вас везде прописана ширина, а в диве хидер ее нет.
Надо как то так (гуру если чего поправят):
.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


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


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


Вообще по хорошему там не хватает контейнера еще одного, а если быстрому поправить у .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


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


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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыКачественный современный дизайн сайтов, логотипов, печатной продукции. Верстка.
27 zaiko 17543 2.4.2024, 14:00
автор: zaiko
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВерстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP
Разработка на профессиональном уровне
144 Gerga 92086 11.3.2024, 19:59
автор: anchous
Открытая тема (нет новых ответов) Верстка шаблона Битрикс
0 bat 1419 26.9.2023, 6:22
автор: bat
Открытая тема (нет новых ответов) Верстка электронных писем бесплатно
0 Gidemopassan 1528 23.6.2023, 10:12
автор: Gidemopassan
Горячая тема (нет новых ответов) Сайт "под ключ" (дизайн, верстка, CMS)
32 Brans 16525 19.5.2023, 22:01
автор: Brans


 



RSS Текстовая версия Сейчас: 18.4.2024, 14:48
Дизайн