HTML Coding

29542 questions in this forum

1. Подключение стилей в адаптивном дизайне

   Сейчас использую конструкцию в виде: <link href="/css/style_480.css" rel="stylesheet" media="only screen and (max-width:480px)"><link href="/css/style_800.css" rel="stylesheet" media="only screen and (max-width:800px)"><link href="/css/style_1200.css" rel="stylesheet" media="only screen and (max-width:1200px)">Я не совсем понимаю как работают эти функции, ведь если экран с разрешением, например 320 пх, так он же подходит под все описания и получится что загрузятся все 3 стиля. Как можно сделать конструкцию "ОТ и ДО" и для любых устройств? То есть, для разрешения экрана: - от 240 до 480 - грузить стиль 1 - от 480 до 800 - грузить стиль 2 - от 800 до…

   Asked by alleclf, January 31, 2015

   0 votes
   0 answers
2. Нужна помощь по Bxslider: слайд по центру, слайды наезжают друг на друга

   Добрый день! Надеюсь на вашу помощь ибо все ресурсы уже исчерпаны Я мучаюсь с BxSlider'ом. Сетка сайта фиксированная - 1920 и 960 (когда окошко браузера уменьшено до 960, вступают изменённые правила). Средний слайд в карусели должны быть всегда по центру. Уменьшив размер браузера - появляется гор. прокрутка и центральный слайд - по центру. Так же боковые слайды должны быть видны на половину. Вот, как это примерно выглядит на диаграмме: Код здесь: http://jsfiddle.net/feyv2afw/ Надеюсь на помощь

   Asked by 01K, January 31, 2015

   • bxslider вёрстка
   0 votes
   0 answers
3. Help me guys!

   Очередной мой глупый вопрос.Не могу понять в чем проблема. Крч по теме меню авторизации уезжает вниз в хроме, мазила отображает нормально.Прописал див'у с лого display:inline; не какой реакции в хроме (опять же в мазиле все как надо и на display:inline; он реагирует поднятием блока на уровень с логом).И тут тоже все как надо http://jsfiddle.net/6rdj3983/ Вот такая картина в chrome http://itmages.ru/image/view/2238173/209643b5 Вот что в Mazilla Firefox http://itmages.ru/image/view/2238172/bc124c21

   Asked by NapNu, January 31, 2015

   • Проб
   • с версткой
   0 votes
   4 answers
4. Разные ширины

   Доброго времени суток. Прошу помощи. Такая задача: шапка и подвал должны иметь ширину 1365px, область контента 940px. Вроде бы ничего сложного. Но когда разрешение экрана например 1280х1024, как понимаете, внизу браузера появляется полоса прокрутки. Вопрос: как сделать, чтобы при меньших разрешениях не появлялась полоса прокрутки внизу, а шапка и подвал адаптировались под разрешение экрана (чтобы слева и справа изображение немного отсекалось, оставалась центральная часть)? Картинки для шапки и подвала целые и шириной 1365px. Спасибо.

   Asked by chapai, January 31, 2015

   0 votes
   4 answers
5. Вывод 5-ти последних новостей

   Добрый день! На сайте реализован плагин новостной ленты и имеется функционал, позволяющий размещать опубликованные новости в виде превью на любую страницу с помощью шорт-кода. В базовой комплектации плагина вывод был однообразным и просто мне не нравился по своему дизайну. В код внесла изменения, теперь по той идее, которую я очень хочу реализовать, 5 последних новостей будут выводиться в 5-ти разных блоках. Вот сам код: * Печатает на экран анонс заданной новости * @param type $news - массив с данными о новости (полностью запись из БД) */ public static function anonsNews($args) { $args['count'] = $args['count']?$args['count']:3; $data = self::getListNews($arg…

   Asked by marianna9201, January 30, 2015

   0 votes
   12 answers
6. Актуальный список HTML5 тегов (включая те которые не указаны в спецификации)

   Собственно, начал изучать HTML5, появилось несколько вопросов: 1) Имеется ли какой-то ресурс-справочник который регулярно обновляется и в котором присутствуют все актуальные теги и атрибуты HTML5? Поясню чем не нравится справочник HTML на htmlbook.ru: Он не обновляется. Много опечаток касаемо того какие элементы поддерживаются а какие нет (например, элемент <u> является частью спецификации HTML5, однако на сайте он почему-то указан как не поддерживаемый элемент HTML5). Такая же ситуация и с атрибутами + указаны не все атрибуты и их значения. Знаком с официальной спецификацией HTML5 (от W3C), но проблема вот в чем: когда смотрел на ютубе как верстают профессионал…

   Asked by Kindsy, January 29, 2015

   0 votes
   3 answers
7. Давайте обменяемся отзывами на фл.у

   Всем привет. Сидит ли кто-то на фл.ру? Предлагаю друг другу оставить по отзыву, так сказать маленькая, но приятность. Но должен быть акк работодателя (у меня есть), с которого мы будем делать как бы заказ и писать отзыв. Пишите в тему или лс, и будем помогать друг другу

   Asked by websterjoy, January 29, 2015

   • фриланс отзывы
   0 votes
   3 answers
8. Адаптивный дизайн в php

   Как в php коде можно сделать определение разрешения экрана? В php файле идет подсчет длинны блока. Выглядит это примерно так: $rating = $rating * 48;48 - это множитель размера стандартного блока, его надо как-то менять. То есть, это число должно меняться с размером экрана, от 16 до 128.

   Asked by alleclf, January 29, 2015

   0 votes
   5 answers
9. Позиционирование

   Приветствую! Как картинку, поместить под меню? <!--Menu--> <center><img align="center" src="img/logo.png" width="500px;"/></center> <ul> <li><a id="mm" href="#">Биография</a></li> <li><a id="mm" href="#">Фото</a></li> <li><a id="mm" href="#">Видео</a></li> <li><a id="mm" href="#">Контакты</a></li> <div id="social"><a href="http://vk.com/bmx.prorider" target="_blank"><img src="http://izfetra.ru/wp-content/uploads/2014/06/vk_button_c.png" width="25px"/></a></div> </ul> <!--/Menu…

   Asked by Vans, January 29, 2015

   0 votes
   6 answers
10. Как добавить фон?

    Здраствуйте, не могу понять как добавить белый фон по середине как на скриншоте. Сайт www.uncle.quickkeys.ru Помогите пожалуйста

    Asked by knaus94, January 29, 2015

    0 votes
    4 answers
11. Проблема при установке DLE на Denwer

    Проблема следующая - устанавливаю dle на денвер, на самом последнем этапе после ввода имени базы данных, пароля, имя пользователя и т.д. нажимаю продолжить, грузится долго, а потом выдает ошибку - Fatal error: Maximum execution time of 30 seconds exceeded in Z:\home\test1.ru\www\engine\classes\mysqli.class.php on line 76 и так уже несколько раз, насколько я понимаю проблема в длительности загрузки, но как ее решить? Помогите, пожалуйста, кто сталкивался...

    Asked by Lady_V, January 29, 2015

    0 votes
    7 answers
12. Генерация части контента на клиенте

    Если большая часть страницы генерируется на сервере, а некоторый контент на клиенте, например: формы, хлебные-крошки, и д.р. которые не имеют значения для поисковиков, можно ли такой подход считать нормальным? Если да, то второй вопрос: на странице должна быть форма и шаблон. Как обеспечить шаблонизатор JSON-данными? Должен быть еще один запрос, или данные могут прийти с первым? Если да, то куда их вставить? Сам шаблон, например, можно вставить так вот: <script type="script/html" id="form-info">{{data}}<some>{{link}}</some></script>Но вот как быть с данными?

    Asked by ekkl, January 29, 2015

    • js-template
    0 votes
    0 answers
13. Картинки в адаптивном дизайне

    Как правильно поступить с картинками в адаптивном дизайне. В зависимости от разрешения экрана картинки тоже должны меняться. Кстати, в данной теме под картинками имею ввиду кнопки - добавить в закладки, рейтинг, кнопки соц.сетей и т.д., то есть то на что можно нажать. Так вот, вижу 2 варианта: - менять размер картинок - размещаю картинку максимального размера (128х128), и если надо просто сжимаю - менять сами картинки, то есть в шаблон подгружаются разные картинки, от 16х16 до 128х128 Какой вариант лучше?

    Asked by alleclf, January 29, 2015

    0 votes
    2 answers
14. Резиновая шапка сайта

    Добрый день! Проблема в отображении шапки мобильной версии... В desktop версии все хорошо, а в мобильной версии криво Вот css: body { margin: 0; } header { display: block; background: #f4f3e6 url(wp-content/uploads/2014/12/header-grad4.jpg) repeat-x; /* Градиент */ } .header-bg { background: url(images/header-animal.png) repeat-x center bottom; /* Животные */ height: 438px; /* Высота шапки */ text-align: center; /* Выравнивание по центру */ } .header-bg img { position: relative; /* Относительное позиционирование */ top: 0px; /* Сдвигаем картинку вниз */ }А вот сам код: <div class="header-bg"> …

    Asked by Dizred, January 28, 2015

    • header
    • mobile
    0 votes
    7 answers
15. Помогите! Смена фоновой картинки.

    Добрый день! Пожалуйста, помогите разобраться. У меня очень простой сайт, фоновая картинка и несколько ссылок. Очень нужно, чтобы при клике на ссылку фоновая картинка менялась на заданную, а при закрытии обратно на первоначальный фон. Я думаю, что для умных людей это не сложно, но я потратила уже 2 недели, чтобы попытаться разобраться((( Где размещать эту команду?? В html, JS или CSS??? Спасибо всем, кто откликнется!

    Asked by tania2509, January 28, 2015

    0 votes
    15 answers
16. animate с jQuary и hammer

    Товарищи, давайте поможем все дружно мне!))Пытаюсь сделать анимацию, когда плавно подымается div1 наверх он должен волочить за собой другой div2, который растягиваясь закрывает страницу div3.Так же и обратно, когда div1 отпускается он сворачивает этот div2, который открывает div3. Так вот, div1 плавно двигается по странице это получилось,а вот чтоб он тащил за собой div2 ну ни как, ведет себя как вздумается, и еще не знаю как его свернуть(может чё подскажите??? html <div id="div3" style="height: 100%;align-self: center;width: 28%;background-color:yellow;position:absolute; float: none;"> <div style="width: 100%; height: 18%; background-color: #253fff; z-inde…

    Asked by Dirada, January 28, 2015

    • проклятые DIVы
    0 votes
    0 answers
17. Три колонки с двумя резиновыми

    Привет. Мне нужно сделать три колонки: 1 2 3. Первая с левого края резиновая — по ширине текста внутри неё. Вторая резиновая от первой до третьей. Третья с правого края — её можно считать фиксированной, допсутим, шириной 100 пикселей. Хоть тресни — не понимаю как сделать, хотя кажется, что вообще всё элементарно. Прямо хоть таблицей делай. Я выжил из ума или это и правда как-то нетривиально?

    Asked by Veseloff, January 28, 2015

    0 votes
    11 answers
18. вставить обтекаемые формы в контент

    помогите пожалуйста советом в наследство остался контент сайта, который представляет собой беспорядочное нагромождене тегов. задача в том чтобы вставить в этот контент две формы. трудность в том, что формы должны быть прижаты к правому краю и обтекаемы контентом выглядеть это безобразие должно примерно так здесь зелёный цвет это контент, красный - формы фиддл если важно, то есть возможность обернуть контент в отдельный контейнер. использовать можно любые технологии, кроссбраузерность не критична

    Asked by cyklop77, January 28, 2015

    • говнокод
    0 votes
    5 answers
19. Блок с 2 bg

    Всем привет, есть вот такие блоки в макете, не могу придумать как реализовать Изображение в бэкграунде смещено, при масштабирование не должно "съезжать", блок 100% ширины. Есть идеи? Конечно можно картинкой весь блок вставить, но как-то жестко выйдет

    Asked by inex, January 28, 2015

    0 votes
    6 answers
20. Перемещение ровно на 20 пикселей правее

    Добрый день, в общем вот макет <style type="text/css">.port{ height:200px; width:80%; margin: 0 auto;}.port .one{ width:20px; height:300px; opacity:0.8; transition:1s; }.port img{ -webkit-transform: perspective(1000px) rotateY(40deg); transform: perspective(1000px) rotateY(40deg); width:200px; height:300px; }.port .one:nth-child(1n){ float:left; margin: 10px; position: relative; left:0px; z-index:4; }.port .one:nth-child(2n){ float:left; margin: 10px; position: relative; left:-20px; z-index:3; }.port .one:nth-child(3n){ float:left; margin: 10px; position: relative; left:-40px; z-index:2; }.port .one:nth-child(4n){ float:left; margin: 1…

    Asked by xTODx, January 27, 2015

    0 votes
    1 answer
21. Как выделить все элементы в списке

    Можно ли сделать кнопку или ссылку чтобы при клике выделялись все элементы в списке? Вот заготовка - http://jsfiddle.net/4xugpz6d/

    Asked by alleclf, January 27, 2015

    0 votes
    4 answers
22. Как сверстать такое?(2)

    Всем доброе утро, день, вечер! Сабж. P/S. Мои предложения: просто выровнять по центру картинку как она есть, а кругляшки меню спозиционировать абсолютно. Так же, внизу(ниже центральной картинки) есть 2 стрелочки как будто центральная часть это какой-то слайдер, чтоли?

    Asked by Flexible Curd, January 27, 2015

    0 votes
    3 answers
23. background-size: cover; IE8

    Добрый день. Подскажите пожалуйста какой нибудь хак, библиотеку, костыль. Который научит ie8 понимать и применять правильно свойство "background-size: cover", без повторного указания нужных блоков и изображений, а на основе готовой верстки. А то все что встречал требуют инициализацию необходимых блоков через js или указания повторного пути к изображению в CSS. Заранее благодарю за ответы!

    Asked by li4e, January 27, 2015

    • css
    • javascript
    • ie8
    0 votes
    2 answers
24. CSS-хак для IE9 воспринимает Chrome

    Для IE9 существует css-хак ":root" : :root .style { font-size: 15px !important\9; } Тем не менее, данный хак воспринимает Chrome и Firefox. Если убрать в коде "\9" :root .style { font-size: 15px !important; }то ничего не меняется. Подскажите, пожалуйста, как решить проблему? UPD: Проблема решает изменением кода: :root .style { font-size: 15px \9 !important; }Вопрос можно закрывать.

    Asked by TorchTT, January 27, 2015

    0 votes
    1 answer
25. Баг в IE при использовании капители

    Мне нужно сверстать ссылку вот такого вида: http://jsfiddle.net/h58gq1kr/2/ Если удалить точку перед словом «сам», то оно становится на одну линию с «летает». При наличие точки в IE «.сам» ниже на 1 пиксел. Можно ли решить эту проблему иначе, чем созданием отдельного стиля для IE с другим значением line-height?

    Asked by PavelTkachev, January 27, 2015

    0 votes
    10 answers