HTML Coding

29,542 questions in this forum

1. Как получить айди нажатого объекта?

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

   Asked by Kun32216, January 14, 2017

   • js
   0 votes
   1 answer
2. :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
3. Как хранить операторы в переменной?

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

   Asked by aqua.77, January 13, 2017

   0 votes
   9 answers
4. Несколько tooltip на одной странице. Как реализовать на чистом JavaScript

   Здравствуйте! Имеется несколько дивов на одной странице. Внутри каждого дива скрытый tooltip в виде текста в span. Подскажите, пожалуйста, как на чистом JavaScript реализовать следующее - при клике на div.retailer-item должен открыться скрытый В НЕМ span.tooltip-content. https://jsfiddle.net/ak1jbt5x/1/ Заранее благодарен за помощь!

   Asked by volshebnyi, January 12, 2017

   0 votes
   6 answers
5. Обучение

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

   Asked by AnnaNew, January 12, 2017

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

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

   Asked by posthack, January 12, 2017

   • html
   • css
   • js
   0 votes
   1 answer
7. Верстка таблиц

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

   Asked by Delat, January 12, 2017

   • таблица
   0 votes
   6 answers
8. Как сверстать хедер?

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

   Asked by incub, January 11, 2017

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

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

   Asked by iBars, January 11, 2017

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

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

    Asked by mstdmstd, January 11, 2017

    0 votes
    0 answers
11. Кроссбраузерность line-height или как правильно центровать текст по вертикали

    Всем здравствуйте! Столкнулся с проблемой и никак не могу найти рабочее решение. Помогите неучу, пожалуйста! Вот ссылка на JSFiddle и пример кода: HTML: <div class="lineHeight"> HELLO // line-height method </div> <div class="padding"> HELLO // padding method </div> CSS: @import url('https://fonts.googleapis.com/css?family=Open+Sans'); div { font-family: 'Open Sans', sans-serif; font-size: 14px; height: 100px; background: lightgreen; margin: 5px; padding-left: 10px; box-sizing: border-box; } .lineHeight { line-height: 100px; } .padding { padding-top: 42px; /* (100px - 14px) / 2 - 1px */ } Ситуация следующа…

    Asked by Arinden, January 10, 2017

    • padding
    • line-height
    • font
    • webfont
    • android
    • fonts
    0 votes
    8 answers
12. Анимация в обратном порядке

    $(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
13. Смещение Блока при наведении

    Верстаю макет, имеется блок с 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
14. Вопрос по 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
15. 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
16. не работает 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
17. Задержка трансформации

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

    Asked by aqua.77, January 9, 2017

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

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

    Asked by Delat, January 9, 2017

    0 votes
    1 answer
19. Смазываются картинки в мобильных устройствах

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

    Asked by akxxiv, January 8, 2017

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

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

    Asked by MegaQiwi, January 8, 2017

    • html5
    • css3
    0 votes
    3 answers
21. Как убрать отступ справа?

    Вот сетка из элементов в 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
22. Обратная анимация

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

    Asked by aqua.77, January 7, 2017

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

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

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

    • подскажите как сделать
    0 votes
    1 answer
24. Не работает шрифт 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
25. Не работает :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