HTML Coding

29542 questions in this forum

1. Горизонтальное отображение сайта в айпад

   Столкнуля с проблемой, при вертикальном просомтре сайта в Ipad он помещается полностью без прокрутки, а вот при горизонтальном нет. Рабочее разрешение макета сайта 973 на 970. А вот у ipad другое разрешение. Как сжать можно сайт под айпад, т.е. чтоыб он не тоьок при вертикальном просмотре полностью помешался но и при горизонтальном без промотки, есть какой-то костыль или инструмент? Делать скейл макета сайта на 10% не вариант Вот пациент архив

   Asked by okunev2, January 26, 2015

   0 votes
   12 answers
2. Проблема при входе на сайт

   Здравствуйте! Подскажите пожалуйста в чем проблема, когда заходишь на сайт, то отображается не верх сайта, а почти низ. Где ошибка в коде?

   Asked by FitTech, January 26, 2015

   • html
   • css
   0 votes
   1 answer
3. Короткие тексты с картинками

   У меня в макете превью новостей состоят из короткого текста и картинки справа. Мне нужно, чтобы текст обтекал картинку. Это легко добиться с помощью float:left; для картинки. Но если текст слишком короткий, то следующий за ним следующий превью новости оказывается накрыт картинкой сверху. Этого можно избежать, если каждому контейнеру дать свойство float:left. Но есть ли другой, более изящный способ?

   Asked by PavelTkachev, January 26, 2015

   0 votes
   4 answers
4. 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
5. background-size: cover; IE8

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

   Asked by li4e, January 27, 2015

   • css
   • javascript
   • ie8
   0 votes
   2 answers
6. Как сверстать такое?(2)

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

   Asked by Flexible Curd, January 27, 2015

   0 votes
   3 answers
7. Как выделить все элементы в списке

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

   Asked by alleclf, January 27, 2015

   0 votes
   4 answers
8. Блок с 2 bg

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

   Asked by inex, January 28, 2015

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

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

   Asked by cyklop77, January 28, 2015

   • говнокод
   0 votes
   5 answers
10. Три колонки с двумя резиновыми

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

    Asked by Veseloff, January 28, 2015

    0 votes
    11 answers
11. 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
12. Помогите! Смена фоновой картинки.

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

    Asked by tania2509, January 28, 2015

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

    Добрый день! Проблема в отображении шапки мобильной версии... В 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
14. Картинки в адаптивном дизайне

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

    Asked by alleclf, January 29, 2015

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

    Если большая часть страницы генерируется на сервере, а некоторый контент на клиенте, например: формы, хлебные-крошки, и д.р. которые не имеют значения для поисковиков, можно ли такой подход считать нормальным? Если да, то второй вопрос: на странице должна быть форма и шаблон. Как обеспечить шаблонизатор 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
16. Проблема при установке 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
17. Как добавить фон?

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

    Asked by knaus94, January 29, 2015

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

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

    Asked by websterjoy, January 29, 2015

    • фриланс отзывы
    0 votes
    3 answers
19. Позиционирование

    Приветствую! Как картинку, поместить под меню? <!--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
20. Адаптивный дизайн в php

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

    Asked by alleclf, January 29, 2015

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

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

    Asked by Kindsy, January 29, 2015

    0 votes
    3 answers
22. Вывод 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
23. Разные ширины

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

    Asked by chapai, January 31, 2015

    0 votes
    4 answers
24. 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
25. Нужна помощь по Bxslider: слайд по центру, слайды наезжают друг на друга

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

    Asked by 01K, January 31, 2015

    • bxslider вёрстка
    0 votes
    0 answers