HTML Coding

29,542 questions in this forum

1. Как сверстать хедер?

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

   Asked by incub, January 11, 2017

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

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

   Asked by mstdmstd, January 11, 2017

   0 votes
   0 answers
3. Вопрос по 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
4. Анимация в обратном порядке

   $(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
5. не работает 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
6. 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
7. Задержка трансформации

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

   Asked by aqua.77, January 9, 2017

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

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

   Asked by Delat, January 9, 2017

   0 votes
   1 answer
9. Как скопировать эти снежинки

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

   Asked by borus, January 6, 2017

   • снег
   0 votes
   5 answers
10. Почему не получается сделать sticky footer через отрицательный margin?

    Делаю по тутору https://css-tricks.com/couple-takes-sticky-footer/ (1й способ) Не понимаю что не так

    Asked by L1nx, January 6, 2017

    0 votes
    2 answers
11. Не работает :nth-child

    <div class="box-two"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> .box-two:nth-child(2n) { color: red; } Ни в какую не хочет работать, браузер chrome, редактор brackets. First-child и last-child тоже не работают, что может быть не так?

    Asked by Alex.a, January 6, 2017

    • nth-child
    • псевдокласс
    0 votes
    2 answers
12. Как убрать отступ справа?

    Вот сетка из элементов в 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
13. Не работает шрифт Arial

    Привет, почему-то не работает шрифт Arial, другие шрифты подключаю без проблем через font-face, Arial никак . @font-face { font-family:Arial; /* Имя шрифта */ src: url(../fonts/ARIAL.TTF); /* Путь к файлу со шрифтом */ } Качал файлы шрифта через разные сайты, не работают. В чём может быть проблема ?

    Asked by Анатолий1944, January 6, 2017

    • не работает шрифт arial
    0 votes
    1 answer
14. Смазываются картинки в мобильных устройствах

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

    Asked by akxxiv, January 8, 2017

    0 votes
    1 answer
15. Значения классов

    Народ все с новым годом! Подскажите пожалуйста по следующей проблеме. Что означают множественные значения классов? Например: <div class="flipster flipster-active flipster-carousel" или <section class="mbr-section mbr-section-hero и так далее.

    Asked by bobb, January 4, 2017

    • классы
    0 votes
    11 answers
16. Подскажите как грамотно сверстать???

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

    Asked by MegaQiwi, January 8, 2017

    • html5
    • css3
    0 votes
    3 answers
17. Обратная анимация

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

    Asked by aqua.77, January 7, 2017

    0 votes
    1 answer
18. Подскажите как сделать

    Привет, подскажите, как сделать синие полоски, которые находятся под разделами - более длинными, как можно их регулировать относительно этого меню ? Только 1 полоску подскажите, остальные сам естественно доделаю. Код: http://codepen.io/anon/pen/OWVENL в css есть подсказки. полоски прописны в html к каждому разделу.

    Asked by Анатолий1944, January 7, 2017

    • подскажите как сделать
    0 votes
    1 answer
19. проблемы с :hover в табах

    Здравствуйте. Не могу понять из-за чего такое происходит. :hover работает на всех ссылках в табах, кроме первого таба

    Asked by Prana, January 6, 2017

    • табы эффекты при наведении
    • :hover
    0 votes
    4 answers
20. Background и ширина

    Есть фон сайта.(jpg картинка 1920х1080) Bootstrap вёрстка. При уменьшении ширины окна браузера фон ведёт себя совсем непредсказуемо. Вместо того, что бы картинка оставалась прикреплённая к body, появляется чёрная область. Картинки в спойлерах.

    Asked by P0jar, January 5, 2017

    0 votes
    3 answers
21. Oбрезать картинку по бокам с помощью css

    Здравствуйте, помогите, пожалуйста, решить такую задачу: Есть картинка с размерами например 1000x500, надо что бы при большом разрешении экрана (например 1200px) она показывалась полностью, а на маленьких разрешениях экрана (например 500px) она, с помощью css, обрезалась по бокам на 250px с каждой стороны.

    Asked by web-verstka, January 6, 2017

    0 votes
    0 answers
22. Проблема с jQuery Masked Input

    При вводе телефона на самсунге планшете, цифры мешаются, задом наперед все, каша, на всех остальных устройствах все нормально. Скрипт к сообщению прикрепил. <input type="text" name="USER_PHONE" class="phone" value=""> Как можно вылечить данный баг? jquery.maskedinput.min.js

    Asked by okunev2, January 6, 2017

    0 votes
    0 answers
23. Позиционирование слоев в HTML.

    Ребята, как спозиционировать картинку айфона, чтобы была как на макете ( нижняя часть телефона была спрятана за фон и верх чуть отталкивался от фона ) ? Взял бутстраповскую карусель. Скрины макета и того, что получается кинул в описании. Все верстал блоками.

    Asked by oleg27, January 5, 2017

    • слои позиционирование.
    0 votes
    1 answer
24. Видео на сайт

    Подскажите пожалуйста: 1. как сделать так, чтобы видео на сайте загружаемое с youtube проигрывалось в IE8 и 9? (проблеvиы с тегом iframe) 2. является ли кроссбраузерным использование flash плеера?

    Asked by MeisMe, October 6, 2014

    • video
    • youtube
    • html5
    • IE8
    0 votes
    17 answers
25. Игнорирование overflow при переходе в Chrome и дополнительные полоски градиента в FireFox

    Столкнулся со следующим странным поведением. В хроме пока работает transition, фон просвечивает через border-radius (наведите на первый пункт). В Лисе градиент имеют такую особенность: полосочка 10px, полосочка 10px, прозрачность, на стыке второй полосочки и прозрачности образуется некий серый фон толщиной пикселя в два. Поскольку фон в примере двухнаправленный, то Вы, убрав одно направление (65 или 66 строчка, не забудте в конце оставленной строчки поставить точку с запятой ), можете увидеть что полоска есть только в том направлении, где нулевой переход из цвета в прозрачность. По обеим глюкам: что это? откуда это? куда писать? какие способы бороться? …

    Asked by Launder, January 4, 2017

    • overflow
    • transition
    • gradient
    • chrome
    • firefox
    • border-radius
    0 votes
    1 answer