HTML Coding

29,542 questions in this forum

1. Горизонтальный скрол фона

   Здравствуйте. Недавно на одном случайном сайте видел одну интересную штуку: у заднего фона блока контента была горизонтальная анимация. На фоне была склейка разных фотографий, которые автоматически скролились влево. Как можно подобное реализовать? Заглядывал в код, вроде сделано было через transparent. К сожалению в закладки не добавил и в гугле найти не смог что-то похожее -- p.s. прикреплю изображение, про что я описывал (на заднем фоне одна цельная фотография)

   Asked by Temiks, August 30, 2014

   0 votes
   6 answers
2. Помогите со слайдером

   Взял слайдер отсюда http://www.howtomake.com.ua/front/prostoj-slajder-s-gorizontalnoj-prokrutkoj-svoimi-rukami.html , делал всё по инструкции (сделал 2 слайдера), ничего не изменял. Но почему, когда мотаешь, то при перемотке следующее изображение, внезапно исчезает, а на его место встаёт другое?

   Asked by DivMan, August 30, 2014

   0 votes
   1 answer
3. Как скачать этот слайдер?

   Как скачать этот слайдер http://www.fruitbatscode.com/demos/simplecarousel/ Нашёл его в этом посте http://www.fruitbatscode.com/javascript/jquery/jquery-carousel-plugin

   Asked by DivMan, August 30, 2014

   0 votes
   1 answer
4. Анимированный спойлер.

   Здравствуйте! Имеется скрытые посты, при клике они раскрываются и повторном скрываются. Проблема в следующем. Как что бы пост плавно раскрывался до конца содержимого, в том что имеется появляется пустота или будет скрываться содержимое, свойство height: auto; не анимируется. http://jsfiddle.net/n9p89v1t/

   Asked by Vicos, August 30, 2014

   • spoiler
   0 votes
   2 answers
5. Как вставить видео с Twitcha?

   Хочу вставить видео с этого сайта? За ранее спасибо))

   Asked by Laroxx12, August 30, 2014

   0 votes
   1 answer
6. Не движется слайдер

   Добрый день прикрутил слайдер взял отсюда http://www.cowboy.odessa.ua/gallery/13/ есть доступ к хостингу этого сайта, вроде все подключил, картинки есть движений нет. Подскажите где может быть ошибка? как подправить, чтоб заработало! Спасибо. Это то что получилось http://selfmaker.biz/oleg/gallery_2.html Надеюсь, что поможете!!! Спасибо

   Asked by mrfrunze, August 27, 2014

   0 votes
   18 answers
7. Меню с активной кнопкой страницы

   Сделал менюшку, все бы хорошо но хочется чтобы на странице 1 светилась кнопка "1", а на странице 2 светилась кнопка "2" Как это реальизовать?)))

   Asked by Laroxx12, August 29, 2014

   0 votes
   1 answer
8. Проблема с растягиванием div по вертикали

   Добрый день всем! Пытаюсь сделать для своей фирмы сайт на bootstrap 3, но столкнулся с проблемой, которая уже обсуждалась на данном форуме, но решение мне не помогло. Дело вот в чем. Макет состоит из 2 колонок: в левой навигация, в правой - контент, причем все это на фреймворке Bootstrap 3. Задача - сделать левую колонку резиновой по вертикали ,чтобы красный фон в нижнем div заполнял страницу до нижнего края браузера. Сейчас же при сжатии окна браузера по вертикали и при прокрутке в этом виде вниз, div улетает вверх и не растягивается. Видел решение с margin-bottom и padding-bottom, но либо я не туда задаю эти стили, либо в bootstrap надо другое решение. Вот код: http:/…

   Asked by Winternight, August 29, 2014

   • div растягивание вертикали
   0 votes
   3 answers
9. Проигрыватель из соцсети ВКонтакте

   Доброго времени суток! Подскажите, пожалуйста, как вставить на сайт аудио и видео проигрыватели из вк? http://joxi.ru/rZYAVIwyTJDjAruD16U Что бы внешний вид и функционал были идентичны социальной сети ВК Заранее благодарен

   Asked by GusevIvan, August 29, 2014

   0 votes
   2 answers
10. Не будут ли у программиста или админа проблем из за такой верстки?

    Здравствуйте. Нужно верстать такой макет: 3 колонки одинаковой ширины (не считая меню, с ним все ясно) в них блоки с разной высотой. Задача в том, что бы при увеличении разрешения колонки тоже увеличились до определенного размера, потом когда хватает место для четвертой колонки - ширина колонок уменьшается до исходного и добавляется 4-ая колонка. И так далее. Ничего лучше не нашел кроме как нарисовать 2 колонки, засунуть туда контент и давать им display: none; а потом в подходящих разрешениях их добавить с display: block; в промежутках меняя ширину видимых колонок через media queries или же сделав их резиной. Так вот, не совсем представляю как будет происходить доб…

    Asked by Нарек, August 16, 2014

    0 votes
    9 answers
11. Треугольник на всю ширину страницы

    В макете есть треугольник с фиксированной высотой в 60px и растянутый на всю ширину экрана. Как такое реализовать через CSS? Насколько я понял, вариант с бордерами не прокатит из-за параметра border-width не принимающего проценты. Думал ещё на счет трансформаций, но боюсь на счет того, что старенькие браузеры подкачают.

    Asked by zlodeev, June 24, 2014

    • css
    0 votes
    10 answers
12. Сетка сайта

    Стоит ли работать с сетками для создания сайтов начинающему? Например с системой 960 Grid, или есть нечто лучше?

    Asked by Laroxx12, August 29, 2014

    0 votes
    6 answers
13. проблема с позиционированием

    Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить есть макет из 3 блоков шапки боковой колонки и контента с шапкой и боковой колонкой все нормально, все работает как надо а 3 колонка работает не понятно как (скрин) при максимальной ширине она не хочет растягиваться а остаеться в минимальной или залазин на боковую колонку скрин еще 1 header { display: block; position: relative; float: none; width: 100%; height: 70px; background:#4d76a3; }aside { display: block; position: relative; float: left; min-height: 900px; max-height: 100%; width: 200px; overflow: hidden; background: #375e88;}.container { display: block; position: relative; …

    Asked by Евгений_SB, August 28, 2014

    0 votes
    7 answers
14. Отредактировать стили оформления текста в стороннем приложении WizNote

    Для начала вступление: WizNote - это сервис мульплатформенных заметок, копия известного Evernote https://evernote.com/intl/ru/, но с доступными оффлайн базами данных на мобильных устройствах и некоторым другим интересным функционалом. Подробнее здесь http://4pda.ru/forum/index.php?s=&showtopic=415318&view=findpost&p=33841551 Особенностью клиента WizNote под Windows (под другие платформы наверное тоже) является открытая и простая архитектура программы: заметки это заархивированные html странички, программа основана на движке браузера (возможно Chromium), а значительная часть функционала реализована плагинами с помощью JS, CSS и т.п. Задача: Отредактировать…

    Asked by Kostenelo, August 28, 2014

    • css
    • js
    • WizNote
    0 votes
    3 answers
15. Глюк при прокрутке

    Здравствуйте! Проблема обнаружилась случайно на этой странице: http://arteks-auto.ru/delivery.php в Chrome. Она заключается в том, что при определенной высоте окна невозможно прокрутить страницу до самого низа - все начинает дергаться. Причем, если перезагрузить страницу, прокрутив ее до верху, это явление повторяется. А если она прокручена вниз - нет этого. Не могу понять! Может быть причина в работе скриптов. Поочередно отключала, но пока не выявила причину. Помогите, пожалуйста!

    Asked by Светлана Г., August 23, 2014

    0 votes
    7 answers
16. Ширина div-блоков в зависимости от текста и оставшегося места

    В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (…

    Asked by Skyrazor, August 28, 2014

    0 votes
    1 answer
17. Псевдоэлемент :after

    Здравствуйте. Возник один вопрос: можно ли сделать через один див подобное c использованием псевдоэлементов :before или :after? Код можно править тут -- Дополнение: получается изначально диву задана ширина в 100%, после чего его ширина изменяется до 100рх и центрируется по центру.

    Asked by Temiks, August 28, 2014

    0 votes
    15 answers
18. Ошибка downloadable font: incorrect file size in WOFF header

    Всем привет, Я пытаюсь в свою админку прикрутить "Metis Bootstrap Admin Template" темплейт и столкулся с тем что некоторые картинки в моих страницах не отображаются Например элемент с классом fa-calendar и в css-файле я нахожу определение .fa-calendar:before { content: "\f073";}В консоле браузера есть ошибка downloadable font: incorrect file size in WOFF header (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1)source: http://local-ci22.com/images/assets/metis/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0По ссылке выше файл fontawesome-webfont.woff скачивается. Как можно исправить эту ошибку?

    Asked by mstdmstd, August 28, 2014

    0 votes
    3 answers
19. Как перекрасить scroll?

    Подскажите, как перекрасить scroll?

    Asked by studio_solutions, August 27, 2014

    • Как перекрасить scroll?
    • scroll
    • css3
    • css
    • в другой цвет перекрасить scr
    0 votes
    3 answers
20. Проблемы с версткой html письма

    Народ, помогите, пожалуйста, в первый раз сделал html письмо, все получилось как надо, но в яндекс почте и в outlook картинка с верхней тенью отображается с отступом в 1px, в остальных почтовиках отображается нормально, подскажите, что нужно изменить, чтобы все отображалось как нужно? <html> <head> <title>HTML шаблон письма</title> <meta charset="utf-8"> <style type="text/css"> /* Backgrounds */.email_background { width: 640px; //background: url('http://it-tektura.ru/images/html_message/email_bg.jpg') repeat-y;}/* Images */img { display: block; border: none;}/* Fonts and Typography */.footer { font…

    Asked by Alllexey777, August 28, 2014

    • Html
    • Html письмо
    0 votes
    2 answers
21. svg alignment-baseline

    Здравствуйте. занимаюсь освоением svg. Для позиционирования текста использую верхнюю грань, чтобы было удобно выровнять bounding box относительно других элементов. Чтобы выравнивание происходило по верхней грани текста я задаю тегу tspan параметр alignment-baseline со значением before-edge, после чего почему-то лишаюсь кросс-браузерности. На примере видно, что в хроме слово not опустилось вниз, сровняв свою верхнюю границу bounding box-а с базовой линией элемента text, в то время как в фаерфоксе мы видим аккуратную строку без каких-либо сдвигов. Как исправить ситуацию и добится того, чтобы во всех браузерах позиционирование текста происходило так же как в хроме? В соответ…

    Asked by CEBEP, August 27, 2014

    0 votes
    3 answers
22. Как сделать смену языка на сайте без перезагрузки страницы

    Хотел бы сделать смену языка с помощью 2 флажков английского и русского, хотелось бы это сделать на html и css, без подключения каких либо модулей, дайте мудрый совет как лучше это сделать.

    Asked by plower96, August 10, 2014

    0 votes
    3 answers
23. Выпадающее меню(анимация)

    Есть такое вот меню jsfiddle.net/v7tnh6jx/, мучаюсь ни как не могу сделать чтобы оно выкатывалось при наведении, transition пробовал 0 реакции, Подскажите пожалуйста)

    Asked by Laroxx12, August 27, 2014

    0 votes
    6 answers
24. z-index + hover и змечательный IE8

    Здравствуйте! Есть блок, в котором находится фоновая картинка(фоновую картинку вставил с помощью img, так как надо, что бы высота блока регулировалась по её пропорциям, если можно это сделать через backgound - буду ооочень благодарен, когда поделитесь методом, как это делается). Картинка спозиционирована relative и z-index: 1; Так же в блоке есть множество элементов с классом .m-pointer, которые принимают position:absolute, z-index:999. Проблема в работе псведокласса hover в ie8. Элементы .m-pointer визуально находятся сверху над главной фоновой картинкой, НО hover в ie8 не работает. Подскажите, как решить эту проблему.. Бьюсь уже несколько часов. .............. <…

    Asked by gekas, August 27, 2014

    • ie8
    0 votes
    3 answers
25. Оцените работу новичка

    Здравствуйте всем. Я начинающий верстальщик, мне 22 года. Изучил HTML, CSS, в javascript еще полностью не вник, и все. Недавно сверстал один бесплатный шаблон для практики, нашел в сети, где то дня 3 или 4 потратил, делая понемногу. Проверял только на пяти браузерах последней версии. Хочется оценки со стороны профессионалов, и конечно же критики по больше, по строже. Этот примерный сайт не доделан до прям рабочего состояния. Сверстан приблизительно. Ну, короче, выставляю на всеобщее обозрение Вот ссылка: http://mdop.yolox.net/ Ссылка на макет (картинка): http://mdop.yolox.net/NatGeo-Redesign.jpg PSD отсюда: http://www.freepsd.ws/104-psd-maket-national-geogra…

    Asked by modfop, July 27, 2014

    • начинающий
    0 votes
    30 answers