HTML Coding

29542 questions in this forum

1. Стилизация select

   Всем привет! Столкнулся с проблемой как стилизовать select. Никак не получается избавиться от кнопки списка, чтобы подменить ее своим элементом подходящим по стилю. На изображении видно кастомную кнопку сверху, вот ею нужно подменить дефолтную часть списка.

   Asked by Schamil74, February 7, 2017

   • стилизация select
   0 votes
   12 answers
2. Адаптивная информативная фотогалерея

   <div class="imgPages col-es_12 clearfix"> <a href="assets/template/flexible/img/ballu/bravo.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo.jpg" alt="Ballu Bravo внутренний блок"> </a> <a href="assets/template/flexible/img/ballu/bravo-outdoor.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-outdoor.jpg"> </a> <a href="assets/template/flexible/img/ballu/bravo-pult.jpg"> <img src="assets/template/flexible/img/ballu/small/bravo-pult.jpg" alt="Ballu Bravo ИК-пульт"> </a> </div> Есть вот такой блок с изображениями расположенными в …

   Asked by Delat, February 7, 2017

   0 votes
   1 answer
3. Изменить селекторы через псевдокласс - HTML, CSS

   Здравствуйте, мы заканчиваем мобильную верстку, однако столкнулись с проблемой. Дан следующий код: <div class="topWrapper"> <div class="mainNav"> <form method="get" action="/search/"> <input autocomplete="off" name="searchString" class="quickSearch" onmousedown="event.cancelBubble=true;" ontouchstart="event.cancelBubble=true;" id="049D095A-C3A6-4E6F-ABD6-696DCD48703A"> <div class="searchResultWindow hidden"> <span class="result">Найдено компаний и пользователей: <span class="total"></span></span> <ul class="users"></ul><a class="all" href="/search…

   Asked by xymox72, February 8, 2017

   • html
   • css
   0 votes
   1 answer
4. css Как задать ширину контейнера ?

   Собственно.. как задать ширину контейнера по содержимому? Но контейнер должен быть блочным https://jsfiddle.net/oxtLhs5n/

   Asked by aqua.77, February 8, 2017

   • html
   0 votes
   4 answers
5. Слайдер на чистом CSS

   Не работает кнопка на 1ом и 2ом слайде, а на 3ем норм. Игрался z-index, но увы безуспешно. Есть соображения? И еще момент, как менять цвет фона body при смене слайда. Например, слайд1 - фон body красный, слайд2 - фон body зеленый и тд??? Слайдер выполнем путем подмены радио кнопок. Картинки подгружать в сам слайдер на стал, думаю и так понятно. Спросите зачем на чистом CSS? Чтобы прокачаться по селекторам и работе слоями. Заранее спасибо за помощь http://www.cssdesk.com/EjsHZ

   Asked by Schamil74, February 8, 2017

   • слайдер css
   0 votes
   7 answers
6. Совпадение стилей CSS

   Мне надо добавить кусок css кода в уже имеющийся код, но при добавлении в конечном результате "новый" кусок кода изменяет стили уже имеющегося из за того что некоторые названия стилей совпадают, как можно это исправить?

   Asked by Sanktym, February 8, 2017

   0 votes
   2 answers
7. Фоновый цвет блока

   Здравствуйте участники форума обращаюсь с таким вопросом: Решил сверстать небольшой примерчик и столкнулся с такой проблемой фоновый цвет блока вылезает за границы картинки снизу, хотя высота блока в css не была задана в чем проблема не пойму, В прикрепленном файле исходники. Подскажите решение заранее спасибо project.rar

   Asked by pavlovda, February 9, 2017

   0 votes
   1 answer
8. Скрипт спойлера с плюсом и минусом

   Подскажите простой, а можно и не простой скрипт спойлера, где при клике и раскрытии черный плюс становится минусом.

   Asked by Delat, February 10, 2017

   0 votes
   0 answers
9. Как отменить срабытывание скрипта при разрешении экрана свыше 768px?

   https://jsfiddle.net/Delat/L9z4hhrx/15/ До 768px скрипт работает как слайдер и это правильно. Но вот не получается запретить с помощью стилей срабатывание стиля при разрешении 768px и выше. Может быть это в принципе нельзя сделать в стилях? Необходимо чтобы при разрешении свыше 768px (включительно), блоки <li> были списком расположенные по горизонтали.

   Asked by Delat, February 10, 2017

   0 votes
   8 answers
10. transform и анимация

    $('div').animate({ transform: 'translateX(400px)' }); Код корректен, но не работает. Как применить анимацию с перемещением блока на 400px?

    Asked by aqua.77, February 10, 2017

    • jquery
    0 votes
    5 answers
11. Создание слайдера.

    Здравствуйте. Делаю свой простенький сайт, заполнил его нужным текстом, но вот проблема: я не знаю JavaSCript, который, наверное, нужен для создания слайдера. Есть ли сатья по созданию слайдера (горизонтального) и по обучению JavaScript?

    Asked by ErUnDAK, February 10, 2017

    • javascript
    • css
    • html
    0 votes
    5 answers
12. Переход по ссылке через тип "radio"

    Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?

    Asked by ErUnDAK, February 10, 2017

    • html
    0 votes
    3 answers
13. Ширина макета мобильной версии

    Коллеги, может это я слишком часто натыкаюсь на такое, но почему-то все дизайнеры, поголовно, делают psd темплейт для мобильной версии сайта шириной в 900px, или 700 или 800. Почемууу? Ширина айфона 320, андроида 360, я обычно на такие цифры равняюсь. Ну ладно, можно допустить, что есть более широкие мобильные разрешения, но не делать же темплейт мобильной версии шириной в 900px!!!??? Почему они так поступают и что с этим делать? Спасибо

    Asked by Alarr, February 10, 2017

    • mobile
    • phone
    • width
    0 votes
    4 answers
14. Как реализовать переход в HTML5 баннере через тег <a href=””> если в коде тега нет

    Здравствуйте! Прошу помощи, имеются шаблоны HTML5 баннеров и для рекламной системы необходимо что бы обработка в сех клик событий, вызывающих переход на сайт рекламодателя должна быть реализована строго через тег <a href=””> . В коде самого баннера таких тегов нет, ссылки прописаны через // GWD Predefined Function gwd.actions.gwdDoubleclick.exit('gwd-ad', 'id', 'http://site.com, true, true); }; и <gwd-exit metric="id" url="http://codecanyon.net/user/demonswith"></gwd-exit> </gwd-doubleclick> Как то можно это исправить?

    Asked by Alisa_nois, February 10, 2017

    • html5
    0 votes
    1 answer
15. Кнопка с полупрозрачным градиентом. Не могу правильно задать стиль.

    Доброго времени суток, уважаемые форумчане. Я не смог довести до ума градиент, что имеется перед кнопкой "Читать далее...", который визуально показывает наличие других статей. Сейчас он в ширину надписи, а должен быть полностью по ширине блока и надпись "Читать далее..." впритык, а необходим отступ. С этими плавающими блоками у меня беда, в основном я подчёркиваю реализацию на других ресурсах, но таких конструкций я встречал мало, и попытки адаптации вы можете сейчас наблюдать :-( Помогите пожалуйста. Страницу с макетом прикрепил, в этом единственном файле и стили и js код. 567.html

    Asked by Yserty, February 10, 2017

    0 votes
    4 answers
16. jquery Почему такое поведение атрибута src?

    В чём заключается соль такого поведения: если изменить атрибут scr который пустой то плавный переход не происходит Если же в scr уже есть пусть к картинке и его изменить то, плавный переход работает корректно. Нажмите на qwe для сравнения

    Asked by aqua.77, February 12, 2017

    • css
    • html
    0 votes
    1 answer
17. Не получаются сайты на практике

    Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо…

    Asked by Tascan, March 2, 2017

    0 votes
    14 answers
18. теги <var> , <kbd> и <samp>

    Всем привет.В интернете много тем,на счет тегов <var> , <kbd> и <samp>,но везде одно и то же : var - нужна для пометки переменных... ,kbd - текст вводимый пользователем... и samp - примеры текста. Мне бы хотелось узнать что же даст пометка переменных ,текст вводимый пользователем и примеры тексту. Какое значение она имеет?

    Asked by DGGDAK47, February 12, 2017

    • var
    • samp
    • kbd
    0 votes
    2 answers
19. Как лучше реализовать декоративную рамку?

    Есть макет с эффектом рамки на заднем фоне. Как считаете как лучше реализовать этот эффект? Как бы сделали это вы? border || border-image || svg || css-mask Или что-то другое??? Спасибо! Кому интересно - ССЫЛКА на весь макет!

    Asked by EugeneKiyash, February 11, 2017

    • svg
    • css
    • html
    0 votes
    10 answers
20. Имеет ли смысл посещать очные курсы по html/css?

    Здравствуйте! Сразу прошу прощения, если такая тема поднималась, не нашла в поиске. Не так давно начала изучение html/css, пока просто для себя и своего развития, в дальнейшем конечно хотелось бы работать в этой сфере. Читаю htmlbook.ru, прохожу курсы htmlacademy (пока бесплатные), так же стараюсь читать книги (на данный момент это книги Джона Даккета и Девида Макфарланда), по мере необходимости ищу информацию на других ресурсах. И сейчас я не понимаю, как эту всю информацию собрать в кучу, так сказать. Нет четкого понимания как все это функционирует от и до. То есть, я сейчас не могу сверстать сайт от начала и до конца, потому что не понимаю, что и за чем должно следоват…

    Asked by Bambi, March 2, 2017

    • html
    • css
    • курсы
    0 votes
    2 answers
21. Адаптивное перемещение блока: как реализовать (шаблон прикрепил)

    Доброго времени суток, уважаемые гуру. Сделал сайт на Wordpress, это мой первый любительский опыт, с html знаком на весьма базовом уровне, потому экспериментирую. Адаптивный дизайн в используемом мной шаблоне уже есть, и некоторые изменения я уже внёс, но столкнулся с некоторыми сложностями, и очень надеюсь на вашу помощь, уважаемые пользователи :-) Я добавил левый сайдбар с блоком "Temp sidebar" id="leftbar" и сделал его видимым только при разрешении монитора 1025px и более. Потом подумал, что так не пойдёт, пользователи со смартфонов и планшетов не будут видеть список располагающихся там статей и не будет переходов (оттого высокий процент отказов). И тогда я р…

    Asked by Yserty, February 12, 2017

    • html css
    0 votes
    0 answers
22. Проблема

    Здравствуйте! Хочу создать php код для загрузки изображения на сервер на выбранные области карты как прикреплено внизу. Чтобы когда зашел посетитель он мог выбрать любое фото у себя и загрузить его на любую область карты, как можно это сделать? Спасибо

    Asked by Di110, February 12, 2017

    0 votes
    0 answers
23. Как применить стиль к лейблу чекнутого инпута?

    Как сделать, что если выбрана радиокнопка, тогда лейблу присвоить такой-то стиль? <div class="radio"> <label><input name="option[10]" value="45" type="radio">50</label> </div> недавно задавал похожий вопрос только там была картинка, а не цифра input[type="radio"]:checked ~ img { Попробовал по аналогии: input[type="radio"]:checked ~ label { но не сработало

    Asked by nikki4, February 13, 2017

    0 votes
    1 answer
24. Проблема с объединением ячеек сложной таблицы

    Добрый день! Помогите решить проблему. При объединении ячеек, остается пустой <tr>, без <td> внутри него и из-за этого не происходит объединения правильно. Вот пример, нужно объеденить в ряде 2 - ячейку 1 и в ряде 3 - ячейку 1. Пример - https://jsfiddle.net/ra9n2tu6/

    Asked by TEL, February 13, 2017

    0 votes
    5 answers
25. Проблемы медиазапросов

    почему именно на определенном пикселе в адаптивной версте все ламается, тоесть если 1200 все ломаеться, а если 1199 и 1201 то все хорошо? Что в таких случаях делать?

    Asked by irina_f, February 13, 2017

    • html
    • css
    • responsive
    0 votes
    7 answers