23 марта 2014 в 10:24
Доброе утро,
На главной с права вверху есть блок "Популярное" и там вкладки реализованные с помощью модуля Quick tabs. у меня в Хроме и Мозиле они отображаются рядом друг с другом (все нормально). В ИЕ и с планшета эти вкладки друг под другом (внизу картинка). Что то химичил с css, пробовал display:inline, получалось что они у меня вроде как в одну линию, но все равно "Все время" было ниже "Сегодня", пробовал margin по id, думал они относительно блока сдвигаться будут, а они относительно друг друга сдвигаются... как решить, подскажите пожалуйста 
Комментарии
не, ну это само собой разумеющееся, я примерно представляю как это двигать элементы, но конкретно к моему случаю у меня что то не получается...
Самые четкие решения
уменьшить размер шрифта
увеличить ширину блока
а, ну идея, почему то не додумался... а принудительно в одну строчку нельзя сделать?
Ну в принципе спасибо, идея с изменением размера помогла
Но все таки хотелось более общее решение, с постоянной одной строкой, потому что это нужно буквально для всего настраивать...
Там где нормально смотрелось, оно стало меньше, уже не так хорошо, на телефоне 4 дюймовом смотрится почему то еще меньше чем на компьютере (хотя кому мой сайт с телефона нужен :D), в ИЕ нормально, на планшете почему то все равно съезжает, надо еще меньше шрифт делать...
И еще вопрос собственно по добавлению кссок
Для мобильных устройств использовал код:
{
#quicktabs-tab-top-0 {
font-size: 11px;
}
#quicktabs-tab-top-1 {
font-size: 11px;
}
Так вот, если я его втыкаю в ксс инжектор, то все нормально, на компе как настроил другими параметрами, а на планшете вот эти, а если в файл ксс, который у меня подключен к теме, то у меня сайт не естественно перекашивает...