HTML Coding

29542 questions in this forum

1. Обратная анимация

   Здравствуйте. Сделал анимацию при наведении мыши двух блоков. Не могу додуматься как сделать обратный плавный эффект при убирании курсора. https://jsfiddle.net/ynbfn515/ может надо было с переходами это сделать?

   Asked by aqua.77, January 7, 2017

   0 votes
   1 answer
2. Как убрать отступ справа?

   Вот сетка из элементов в 3 колонки, но после 3 блока есть отступ 10рх https://jsfiddle.net/jm5fbonu/ из-за чего появляется нежелательное поле. Дело в том что если убрать это через nth-child(3n) то при сужении когда сетка рушится, блоки встоят не ровно. Как быть? будет нормально если я медиазапросами буду у нужных блоках убирать поле и добовлять к другим. так https://jsfiddle.net/jm5fbonu/1/

   Asked by aqua.77, January 7, 2017

   0 votes
   1 answer
3. Подскажите как грамотно сверстать???

   Подскажите как грамотно сверстать этот блок?

   Asked by MegaQiwi, January 8, 2017

   • html5
   • css3
   0 votes
   3 answers
4. Смазываются картинки в мобильных устройствах

   Кто-нибудь встречался с ситуацией, когда картинка (в бэкграунде точно) на компе отображается нормально, четко, а вот с мобильных смазывается? Если да, то как это лечится? Например тут http://lerache.ru логотип в шапке.

   Asked by akxxiv, January 8, 2017

   0 votes
   1 answer
5. Псведокласс :not и :empty

   Почему :not не срабатывает для последнего td ? То есть в последней ячейке не должно быть текста. https://jsfiddle.net/Delat/4s7sjh80/

   Asked by Delat, January 9, 2017

   0 votes
   1 answer
6. Задержка трансформации

   Как заставить элемент удалиться только после 2-х секунд наведении вышкой? transition:display 2s 2s; :first-of-type:hover{ display: none; }

   Asked by aqua.77, January 9, 2017

   0 votes
   5 answers
7. не работает text-decoration

   есть такой css div.ws {color:#000000; text-decoration:underline} .ws a {text-decoration:none; color:#FF0000} и такой HTML <div class="ws"> <h3>Влияние лунного света</h3> <p><a href="pages/mont/vk.html">на рост бараньих рогов</a></p> получается вот это: Почему цвет ссылки FF0000, т.е. красный, а подчеркивание все равно остается?

   Asked by fakss, January 9, 2017

   0 votes
   2 answers
8. ReferenceError

   Здравствуйте, столкнулся с проблемой, которую не знаю как решить, она не критичная, и даже без ее решения все работает, но очень бы хотелось разобраться в причине ее появления и как от нее избавиться. В отладчике, заметил что к каждому моему скрипту прописанному в "голову" главной страницы он выдает ошибку. Ошибка которую я получаю А вот те самые скрипты: <script> $(document).ready(function(){ $('.flexslider').flexslider({ animation: "fade", start: function(slider){ $('body').removeClass('loading'); } }); }); </script> <script> $(document).ready(function() { $("#form").valida…

   Asked by MadSandwich, January 9, 2017

   • reference
   • error
   • js
   0 votes
   0 answers
9. Вопрос по php

   Здравствуйте, столкнулся с проблемой при отправке сообщения через форму обратной связи получаю ошибку: Warning: Cannot modify header information - headers already sent by (output started at Z:\home\konfety.by\www\submit_now.php:1) in Z:\home\konfety.by\www\submit_now.php on line 28 Сам файл формы, на который ругается сайт, при отправке. Скрытый текст <?PHP $to = "email@gmail.com"; $subject = "Письмо с формы сайта"; $headers = "От: Наша компания"; $forward = 1; $location = "result.html"; $date = date ("l, F jS, Y"); $time = date ("h:i A"); $msg = "Сообщение было отправленно с сайта $date, hour: $time.\n\n\n\n"; if ($_SERV…

   Asked by MadSandwich, January 9, 2017

   • php
   • форма_обратной_связи
   0 votes
   3 answers
10. Смещение Блока при наведении

    Верстаю макет, имеется блок с border в 1px, при наведении он должен менять цвет и становится на 1px больше т.е 2px, все сделал, но при наведении он смещает на 1px другие блоки, как можно это исправить? .welcome-box{ float:left; width:28%; margin-left: 3.3%; text-align: center; border:solid 1px #cac8c5; padding:15px 8px; } .welcome-box:hover{ border:solid 2px #1dde85; } .welcome .welcome-box:first-child{ margin-left:0; }

    Asked by ShaxaY, January 9, 2017

    • hover border
    0 votes
    7 answers
11. Анимация в обратном порядке

    $(document).ready(function(){ $('div').click(function(){ $('div').toggleClass('a1').removeClass('a2'); }); $('p').click(function(){ $('div').toggleClass('a2').removeClass('a1'); }); }); div { width: 200px; height: 200px; background: black; position: relative; } .a1 { animation: vras 3s forwards; } .a2 { animation: vras 3s alternate-reverse forwards; } @keyframes vras{ from { left: 0; } 33% { left: 85%; } 66% { left: 0; } to{ left: 500px; } } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div></div> &l…

    Asked by aqua.77, January 9, 2017

    0 votes
    1 answer
12. проблема с версткой модального диалога

    Привет, Подскажите, пожалуйста, возникла проблема с версткой списка после применения новых файлов стиля(исходная страница и js-код не менялись) другим разработчиком. перестал работать вызов модального диалога Надо зайти на login под логином mstdmstd@rambler.ru 8cc10asu и далее на страницу listи кликом на кнопке "FILTER" вызывается js-функция usersListFilterApplied() с вызовом диалога $( "#users_list_dialog_filter" ).modal( { "backdrop": "static", "keyboard": true, "show": true } ); блок дива users_list_dialog_filter определен - но диалог не открывается И при наведении мышей на этой кнопкой <button type="button" class="btn sbold green btn-s…

    Asked by mstdmstd, January 16, 2017

    0 votes
    0 answers
13. нужен select input с возможностью добавить новое значение

    Привет, Подскажите, пожалуйста, нужен совместимый с бутстрапом select input, но с возможностью в нем же добавить новое значение, которого нет в списке. Спасибо!

    Asked by mstdmstd, January 11, 2017

    0 votes
    0 answers
14. Не работает открытие ссылки в фоновой вкладке

    При клике колесом мыши (или левой кнопкой мыши при зажатом Ctrl) по темам форума, они не открываются, при том не у всех. Общался с администратором, он чистил куки, кэш и прочее. В чём проблема и как это можно исправить?

    Asked by iBars, January 11, 2017

    0 votes
    3 answers
15. Как сверстать хедер?

    Как сверстать хедер, где нету только правой и левой стороны, а есть и по середине

    Asked by incub, January 11, 2017

    • html
    • css
    0 votes
    0 answers
16. Скачет гармошка

    Взял за основу такой аккордион: http://ruseller.com/lessons.php?rub_id=2&id=1195 Начал вставлять его в движок, но чето работает не так как в демке, при клике экран смещается http://cssdeck.com/labs/upg89em0 Как сделать чтобы экран не скакал? Или может подскажите другой рабочий аккордион с похожим эффектом? (плавное раскрытие при клике на один из пунктов и закрытие другого пункта) Нашел еще один скрипт и тоже не работает... Нашел третий скрипт - он заработал. Но там надо jquery подключать в начале

    Asked by nikki4, January 30, 2017

    0 votes
    1 answer
17. Верстка таблиц

    Как на сегодняшний день общепринято верстать таблицы под маленькие разрешения устройств? Какие существуют техники верстки адаптивных таблиц?

    Asked by Delat, January 12, 2017

    • таблица
    0 votes
    6 answers
18. Обучение

    Всем привет. Я программист со средним специальным образованием. Навыки работы с сайтами - самые минимальные. Хочу научиться всему сама с нуля. Вопрос очень простой - посоветуйте пожалуйста хорошую литературу/видео-уроки/что-либо подобное для теоретического изучения. Заранее спасибо)))

    Asked by AnnaNew, January 12, 2017

    0 votes
    2 answers
19. Как создать такой индикато скролла страницы?

    При скролле полоса должна заполняться. Как можно создать подобную форму? Есть ли примеры?

    Asked by posthack, January 12, 2017

    • html
    • css
    • js
    0 votes
    1 answer
20. Как хранить операторы в переменной?

    var h = '+'; alert(5 h 5); Надо чтобы в переменной h был оператор +. Чтобы в сложении использовать его вместо знака '+'.

    Asked by aqua.77, January 13, 2017

    0 votes
    9 answers
21. Fancybox убрать стрелочки

    Доброго времени суток всем, такая вот у меня смешная проблема... Не получается убрать стрелки и крестик тоже, а вот попробовал padding изменить все получилось, подскажите пожалуйста в чем причина? $container.find('a').fancybox({ 'transitionIn' : 'elastic', 'transitionOut' : 'elastic', 'speedIn' : 200, 'speedOut' : 200, 'overlayOpacity' : 0.6, 'arrows' : false }); если нужно какой либо еще код скажите, я все добавлю, заранее спасибо.

    Asked by KamZed, January 23, 2017

    • css
    • js
    • jquery
    • fancybox
    0 votes
    3 answers
22. :hover При наведении на блок вывести мета инфо

    Доброго вечера форумчане . После просмотра уроков верстки, решил самостоятельно сверстать макет (скачать) При наведении на .about-team, мета должна выезжать вверх c прозрачным фоном и так-же появляются соц сети, уже несколько часов ломаю голову, но никак не получается сделать все нормально, взглянув на код вы сами сделаете выводы)) Уважаемые эксперты, просьба: Направьте меня на путь истинный. Как бы вы все это оформили? п.с Простите за быдло код <section class="team center-block-main"> <h2>Meet Us</h2> <div class="about-team"> <img src="image/team-1.jpg">…

    Asked by ShaxaY, January 14, 2017

    0 votes
    3 answers
23. Как получить айди нажатого объекта?

    У меня есть картинка <input type = "image" class = "but1" id = "11">. Её айди 11. Как сделать так, чтобы при нажатии на эту картинку я получал её айди, то есть 11?

    Asked by Kun32216, January 14, 2017

    • js
    0 votes
    1 answer
24. Отмена события щелчком мыши

    При наведении указателя мыши объект появляется, при отведении указателя мыши объект удаляется. Применил функцию off чтобы, при нажатии объект не удалялся при отведении мыши. Как сделать чтобы при обратном щелчке вновь объект удалился и работал как прежде? https://jsfiddle.net/zb9q7e8b/2/

    Asked by aqua.77, January 15, 2017

    • jquery
    0 votes
    3 answers
25. Несколько начертаний шрифта на сайте

    На сайте используется несколько начертаний шрифта Circe. Хочу объединить их все под одним именем, и вставить таким образом в css (чтобы декларировать его только для Body): @font-face { font-family: 'Circe'; src: url('Circe-ExtraLight.woff2') format('woff2'), url('Circe-ExtraLight.woff') format('woff'), url('Circe-ExtraLight.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe'; src: url('Circe-Light.woff2') format('woff2'), url('Circe-Light.woff') format('woff'), url('Circe-Light.ttf') format('truetype'); font-weight: normal; font-style: normal; } Вопрос, как в таком случ…

    Asked by vip, January 16, 2017

    • шрифт
    0 votes
    0 answers