С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.91/75: Рейтинг темы: голосов - 75, средняя оценка - 4.91
0 / 0 / 0
Регистрация: 16.02.2015
Сообщений: 64
1

Не работают ссылки на мобильных устройствах

05.06.2016, 01:07. Показов 14375. Ответов 9
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Доброго времени суток. Проблема заключается в том, что с телефона ссылки теряют кликабельность, хотя с компа все работает. При том самое интересное, что когда я убирают float:left; кликабельность у ссылок возвращается. Как исправить ?

CSS:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
.cell2{
 height: 20em;  
 float: left;   
 list-style: none;  
 margin: 1%; 
 padding: 2px;  
 text-align: center; 
 width: 30%;  
 overflow: hidden;  
 background: #fff;
 border: 1px solid #ccc; 
 }
.cell2 a:hover {
  /* Цвет ссылки при наведении курсора */
 text-decoration:none; 
}
.cell2 a{
    font-size:19px;
    font-weight: 600;
 text-decoration:none;
}
#interesting_articles2 li :hover{
 background-color: #f9f9f9; 
}
Код страницы:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<?php
 
global $options;
$options = get_option('leaf_theme_options');
$no_duplicates = array(); ?>
<?php get_header(); ?>
 
    <div id="primary" class="site-content <?php echo leaf_grid_width( 'content' ); ?> columns">
        <div id="content" role="main">
                                <div class="mar">   <?php 
    echo do_shortcode("[metaslider id=4]"); 
?></div>
<br />
 
 
<div id="interesting_articles2">
<?php if (have_posts()) : ?>
 
 <?php while (have_posts()) : the_post(); ?>
  
            
 
<ul><li><div class="cell2"><a href="<?php the_permalink() ?>"><?php the_post_thumbnail('thumbnail'); ?></a><br>
<a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><h3><?php the_title(); ?></h3></a></div></li>
</ul>
 
<?php endwhile; ?></div>
 
            <?php leaf_pagination(); else : ?>
   <h2 class="center">Здесь ничего нет</h2>
 
<?php endif; ?>
            
        </div><!-- #content -->
    </div><!-- #primary .site-content .<?php echo leaf_grid_width( 'content' ); ?> .columns-->
 
<?php // If the home sidebar has widgets display it.
if ( is_active_sidebar( 'sidebar-home' ) ) :
    get_sidebar( 'home' ); 
else:
    get_sidebar();
endif;
?>
<?php get_footer(); ?>
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
05.06.2016, 01:07
Ответы с готовыми решениями:

Шрифт на мобильных устройствах
Весь контент написан шрифтом Comic Sans MS. С ПК заходишь на сайт начертание шрифта верно. Но с...

KeyDown на мобильных устройствах
На мобильных устройствах keyDown работает как keyUp, когда пользователь отпускает клавишу, как...

JS события на мобильных устройствах
По проекту пишу обработчики событий наведения на элемент и выход за его пределы. Для этого с...

Управление на мобильных устройствах
Как сделать управление в 3D игре через касание и перемещение пальца, то есть пользователь нажимает...

9
Богатый духовно
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
05.06.2016, 01:23 2
artur737, а можно ссылку на пациента?

Не по теме:

и можно не выкладывать php код пожалуйста

0
0 / 0 / 0
Регистрация: 16.02.2015
Сообщений: 64
05.06.2016, 12:05  [ТС] 3
boilzzz, infornb.ru
0
52 / 52 / 39
Регистрация: 15.11.2014
Сообщений: 696
05.06.2016, 19:19 4
Как одна из версий может быть то, что не ссылки стали некликабельными, а они перекрыты каким то невидимым слоем "в лице" блока (div).
0
Богатый духовно
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
05.06.2016, 19:43 5
artur737,У меня все работает как с телефона, так и с сайта на котором проверяю адаптацию под моб устройства. Yandex броузер
0
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
05.06.2016, 19:48 6
При уменьшении ширины экрана блок aside#recent-posts-2 перескакивает вниз и перекрывает все на свете.
0
0 / 0 / 0
Регистрация: 16.02.2015
Сообщений: 64
05.06.2016, 23:18  [ТС] 7
boilzzz, проверял с двух телефонов, не кликабельна.

Добавлено через 23 секунды
mrtoxas, убрал, не помогло
0
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
05.06.2016, 23:24 8
Лучший ответ Сообщение было отмечено artur737 как решение

Решение

Смотря, что было убрано
CSS
1
2
3
4
@media only screen and (max-width: 767px)
[class*="column"] + [class*="column"]:last-child {
float: none; 
}
Уберите float: none; и посмотрите реакцию сайта. Если есть для другого разрешения, тоже самое сделать.
1
0 / 0 / 0
Регистрация: 16.02.2015
Сообщений: 64
05.06.2016, 23:44  [ТС] 9
mrtoxas, спасибо большое, заработало
0
Эксперт JSЭксперт HTML/CSS
3826 / 2676 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
05.06.2016, 23:55 10
Только придется как-то иначе выравнивать этот блок.
0
05.06.2016, 23:55
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
05.06.2016, 23:55
Помогаю со студенческими работами здесь

Маштабирование на мобильных устройствах
Помогите,пожалуйста.

Лишние паддинги на мобильных устройствах
Подскажите плиз в чем дело, не могу понять как избавиться от появляющихся отступов на мобильных...

Запрет капчи на мобильных устройствах
Есть допустим форма входа: &lt;form class=''&gt; &lt;input class=''&gt; - поле логина ...

Нажатие на canvas на мобильных устройствах
Здравствуйте! У меня следующая проблема. Есть элемент, который внутри содержит в том числе canvas....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Книги и учебные ресурсы по C#
InfoMaster 08.01.2025
Базовые учебники и руководства Одной из лучших книг для начинающих является "C# 10 и . NET 6 для начинающих" Эндрю Троелсена и Филиппа Джепикса . Книга последовательно раскрывает основные концепции. . .
Что такое NullReferenceEx­­­ception и как исправить?
InfoMaster 08.01.2025
NullReferenceException - одно из самых распространенных исключений, с которым сталкиваются разработчики на C#. Это исключение возникает при попытке обратиться к членам объекта (методам, свойствам или. . .
Что такое Null Pointer Exception (NPE) и как это исправить?
InfoMaster 08.01.2025
Null Pointer Exception (NPE) - это одно из самых распространенных исключений в Java, которое возникает при попытке использовать ссылку на объект, значение которой равно null. Это исключение относится. . .
Русский язык в консоли C++
InfoMaster 08.01.2025
При разработке программ на C++ одной из частых проблем, с которой сталкиваются русскоязычные программисты, является корректное отображение кириллицы в консольных приложениях. Эта проблема особенно. . .
Telegram бот на C#
InfoMaster 08.01.2025
Разработка ботов для Telegram стала неотъемлемой частью современной экосистемы мессенджеров. C# предоставляет мощный и удобный инструментарий для создания разнообразных ботов, от простых. . .
Использование GraphQL в Go (Golang)
InfoMaster 08.01.2025
Go (Golang) является одним из наиболее популярных языков программирования, используемых для создания высокопроизводительных серверных приложений. Его архитектурные особенности и встроенные. . .
Что лучше использовать при создании класса в Java: сеттеры или конструктор?
Alexander-7 08.01.2025
Вопрос подробнее: На вопрос: «Когда одновременно создаются конструктор и сеттеры в классе – это нормально?» куратор уточнил: «Ваш класс может вообще не иметь сеттеров, а только конструктор и геттеры. . .
Как работать с GraphQL на TypeScript
InfoMaster 08.01.2025
Введение в GraphQL и TypeScript В современной разработке веб-приложений GraphQL стал мощным инструментом для создания гибких и эффективных API. В сочетании с TypeScript, эта технология. . .
Счётчик на базе сумматоров + регистров и генератора сигналов согласования.
Hrethgir 07.01.2025
Создан с целью проверки скорости асинхронной логики: ранее описанного сумматора и предополагаемых fast регистров. Регистры созданы на базе ранее описанного, предполагаемого fast триггера. То-есть. . .
Как перейти с Options API на Composition API в Vue.js
BasicMan 06.01.2025
Почему переход на Composition API актуален В мире современной веб-разработки фреймворк Vue. js продолжает эволюционировать, предлагая разработчикам все более совершенные инструменты для создания. . .
Архитектура современных процессоров
inter-admin 06.01.2025
Процессор (центральный процессор, ЦП) является основным вычислительным устройством компьютера, которое выполняет обработку данных и управляет работой всех остальных компонентов системы. Архитектура. . .
История создания реляционной модели баз данных, правила Кодда
Programming 06.01.2025
Предпосылки создания реляционной модели В конце 1960-х годов компьютерная индустрия столкнулась с серьезными проблемами в области управления данными. Существовавшие на тот момент модели данных -. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru