HTML Coding

29,542 questions in this forum

1. Дайте совет как реализовать подобный элемент.

   Здравствуйте! Точки должны плавно менять цвет на красный с левого края двигая вправо. И это должно быть резиновым. Без резины как реализовать есть идеи, но иначе нет. Да и в макете оно шириной 1600pх.

   Asked by Vicos, August 15, 2014

   • Резина
   • Динамичный эффект
   0 votes
   3 answers
2. Выпадающего меню с display:table-cell и position: absolute;

   Здравствуйте! Проблемы нет, но это мне и кажется подозрительным Сверстано меню с применением display:table; и display:table-cell; http://jsfiddle.net/SvetaGr/jf2rvkon/ Затем решили добавить выпадающее меню. По идее, должна была возникнуть проблема с позиционированием элемента с position:absolute; внутри ячейки - так было раньше. Для решения нужно было обернуть в дополнительный <div> позиционируемое содержимое. А сейчас, протестировав в актуальных версиях, такой проблемы не возникло. Странно.Почему так? Не хотелось бы, чтобы эта проблема где-то вылезла неожиданно.

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

   • display:table-cell
   • position: absolute;
   0 votes
   3 answers
3. Проблема с li

   Есть сайт http://texteredsa.besaba.com/ есть 4 пункт контента, как сделать чтобы li флоатились как тут http://s019.radikal.ru/i626/1408/55/4a15afe532ac.jpg ? p.s. верстка кривая

   Asked by WEB-best, August 15, 2014

   0 votes
   4 answers
4. Форма обратной связи на лэндинг

   Всем привет) Я купил в интернете макет лэндинга, реализованного на html. Т.к я не знаток html, то какие-то основные моменты я подстроил под себя, но остался вопрос, каким образом настроить форму обратной связи на свой e-mail. Привожу код данной формы: <form class="form-inline"><input type="tel" id="tel" name="tel" placeholder="Ваш телефон (мы перезвоним)" class="input-lg"><button type="submit" class="btn btn-primary">Оставить заявку</button></form>Пробовал искать ответ, экспериментировал с mailto, но не получилось добиться работоспособности формы. Помогите пожалуйста: как должен выглядеть код формы, чтобы при нажатии на кнопку, мне на поч…

   Asked by delui, August 15, 2014

   0 votes
   8 answers
5. стили для first-child

   Добрый день, есть такая проблема нужно задать вертикальное отображение меню раздела "шкафы и боксы" http://electro-dom.od.ua/ прописал такой код #denss_page .denss_menu_items li.denss_menu_items_parent:first-child ul.child li{ display:inline-block; все заработало, при смене backgrounda слетело и не могу поправить, помогите разобраться с вертикальным отображением, и задним фоном.для элементов ul.child li Спасибо.

   Asked by mrfrunze, August 15, 2014

   0 votes
   7 answers
6. CSS animation и transition на одном элементе. Баг (?) в FF.

   В общем интересная штука нарисовалась. Вот пример. Есть элемент, который в процессе работы сайта неким образом перемещается, для его плавного перемещения используется свойство transition: transform; Именно transform т.к. оно не вызвыает repaint и reflow. Так же при загрузке страницы этот элемент должен выезжать. Для этого используется свойство animation, в @keyframes которой свойство transform изменяется from -100% to 0. По идее при загрузке страницы animation должна запуститься, отработать независимо от заданного свойства transition, а уже потом в процесе работы сайта, когда элементу назначается какой-то класс изменяющий свойство transform, элемент должен перемещатьс…

   Asked by ows.nightwolf, August 15, 2014

   • Анимация animation transition
   0 votes
   3 answers
7. Условие в форме

   Есть форма некая Анкета. В анкете такой вопрос: Вопрос - Когда вы посещали поликлинику Ответы - 1) Посещали (указать дату и год) 2) Не посещали Как сделать условие если пользователь поставил галочку "Посещали" показывалось текстовое поле для ввода года и даты?

   Asked by Дмитрий0505, August 15, 2014

   0 votes
   6 answers
8. Что такое размер шрифта?

   Для простоты расчетов: font-size: 100px; line-height:100px; font-family: Arial; Визуалный пример: http://jsfiddle.net/avmrLtao/ Что значит здесь font-size: 100px, и как это соотносится с реальными размерами и положением букв в строке?

   Asked by neTp9c, August 15, 2014

   • размер шрифта
   0 votes
   1 answer
9. прижать футер

   напомните пожалуйста как футер прижать к низу экрана jsfillde

   Asked by cyklop77, August 15, 2014

   0 votes
   10 answers
10. Верстка звездочек для рейтинга

    Подскажите, пожалуйста, как формируются здесь звездочки: http://demo.lollum.com/crazydiamond/product/black-stop-tappy-midi/ Понимаю, что этот код: .star-rating {overflow: hidden; position: relative; height: 14px; line-height: 14px; font-size: 14px; width: 75.6px; font-family: 'star';} .star-rating:before { content: "\53\53\53\53\53"; color: #949da5; float: left; top: 0; left: 0; position: absolute;}: Здесь используется шрифт "star". Не понимаю, он же где-то должен подключаться. Этот шаблон мы купили. Значит, должен быть файл с этим шрифтом?

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

    • звездочки рейтинг
    0 votes
    5 answers
11. Углы блока

    Скажите пожалуйста, можно ли сделать вот такие уголки у блока(беленькие которые) не используя дополнительных блоков поверх основного? http://youpic.su/pictures/1408132800/33efef60cd204d56fe44795e32cd1d94.png

    Asked by Serafim1991, August 16, 2014

    0 votes
    3 answers
12. Картинка со ссылкой.

    Хотел сделать себе кнопку Панель управления. (Вот мой сайт: lola.orisale.ru). Так вот, не знал как запихать картинку на левый край, так как задавая картинке Position: right, я получал ее на середине страницы. Решил через баграунды. Сейчас у меня такая конитель: body{ background-image:url(panel.png), url(ph3.png), url(ph2.png), url(fona.GIF); background-repeat: no-repeat, repeat-y, repeat-y, repeat; background-attachment: fixed, fixed, fixed, no-fixed; background-position: right, left, right, center;}Собственно, panel - это и есть та фотка, остальное - фон. Так вот в чем вопрос: 1.Как мне повесить на нее ссылку? Мол нажал кнопочку и опа, панель управления... 2. Возможн…

    Asked by Человек228, August 16, 2014

    0 votes
    1 answer
13. Спрятать блоки

    Всем привет!!! Помогите разобраться есть такой код http://jsfiddle.net/2cnysy8z/ . Проблема в следующем я задаю для ul overflow: auto; то есть по идеи если контент не влазит должны появляться полосы прокрутки, ну все вроде бы правильно, но когда я задаю для li float: left, то блоки с картинками все равно остаются один под одним, они не встают флоатом, если применить классы, которые я закоментировал то получатся то что мне нужно, но я не могу понять, почему блоки не встают так как работает флоат , мне надо чтоб они вставали автоматом , а не через класы, ибо если добавить новый li то для него опять надо писать клас. а посути они просто должны флоатить

    Asked by Kosta654, August 17, 2014

    0 votes
    2 answers
14. Помогите реализовать подобный интерфейс...

    Всем привки)) Есть такой сайтик http://tracksflow.com/ - очень глючная вещь...однако мне понравилась там одна в штука)) При наведении мыши на альбом, появляется затененный блок со ссылками...однако, этот самый блок тоже является ссылкой)) Привожу картинку(1- по умолчанию, 2 - при наведении мыши) Как мне такую фишку сделать? Вот мои наброски http://jsfiddle.net/uku3nzwu/3/ У меня не получается сделать появляющийся прозрачный див ссылкой, а если и получается, то не работают ссылки внутри этого прозрачного дива... Что подскажете? Или мб какой-то другой способ есть?

    Asked by DUBECZ, August 16, 2014

    0 votes
    0 answers
15. Круглая рамка с несколькими цветами (процентное заполнение)

    Помогите пожалуйста сверстать вот такую рамку)

    Asked by L1m0n, August 16, 2014

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

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

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

    0 votes
    9 answers
17. Расположить картинку за формой

    Добрый день Подскажите, как расположить картинку с девушкой за формой авторизации?

    Asked by kirill1059, August 16, 2014

    0 votes
    8 answers
18. отображение текста на ховере

    добрый вечер, при наведении на картинку посредине картинки должен появиться текст. изначально задаю display:none; при наведении :hover{ display:block; } текст не отображается. вот ссылочка http://jsfiddle.net/mrfrunze/wg8ntajy/ в чем может быть подвох? спасибо.

    Asked by mrfrunze, August 16, 2014

    • css hover
    0 votes
    8 answers
19. убрать кнопку "Online"

    Всем привет, На сайте http://displo.com/backend/en/home В левом нижнем углу есть кнопка "Online". Ее нужно убрать Не могу найти этого куска html-кода Или это какая-то js-библиотека ?

    Asked by mstdmstd, March 9, 2016

    0 votes
    1 answer
20. Какие размеры дисплеев нужно учесть

    Пишу сейчас дизайн, хочу сразу подготовить всё для адаптивности, изучил все статьи из списка по теме, пока вот выбрал себе 4 как наиболее вероятные: @media only screen and (max-width: 480px) {}@media only screen and (max-width: 768px) {}@media only screen and (max-width: 1024px) {}@media only screen and (min-width: 1025px) {}Может подскажете какие нужно учесть обязательно?

    Asked by McLotos, August 17, 2014

    0 votes
    16 answers
21. Bootstrap modal и IE8

    Добрый день! Собственно, проблема такая: есть стандартное модальное окно bootstrap'а. Везде работает хорошо, однако в IE8 в низу страницы появляются границы пустых div'ов от этого модального окна. Выглядят они так: respond.js подключен. Страницу можно посмотреть здесь: http://work4.a26.ru/test.html Подкажите пожалуйста хотя бы куда копать. Заранее благодарен!

    Asked by boehpyk, August 16, 2014

    • bootstrap
    • ie8
    0 votes
    1 answer
22. Отображение сайта в стандартном браузере Андроида

    Сделал простой сайтик. Во всех браузерах отображается правильно кроме стандартного браузера на Samsung Galaxy s3. А заказчики требуют, что бы все было корректно. Их понять можно. Но вот не понимаю почему в стандартном браузере ползет вниз правый блок. Вот так отображается в стандартном браузере: А вот так отображается в Хроме на том же телефоне: Подскажите пожалуйста в чем может быть проблема? Сайт можно посмотреть по адресу http://orangeprofi.ru

    Asked by IndigoHollow, August 17, 2014

    • android
    0 votes
    6 answers
23. Очень нужна помощь в оценке лендинга строительной компании!

    Здравствуйте! Впервые заказывали лендинг. Вот что нам прислала фирма которую нанимали для этого http://kaktus-group.ru/stshome/ Вроде ничего- нам нравится. Но мы мягко говоря чайники в этом вопросе, вот и решили выставить на суд общественности. Заранее спасибо всем откликнувшимся!

    Asked by Selena900, August 17, 2014

    0 votes
    7 answers
24. Смайлы

    Ребят, помогите пожалуйста. Я только только прошёл уроки по HTML и CSS и решил создать пробный сайт. Выбор темы упал на сайт со смайлами для статуса в ВК (Пример - http://k-94.ru/emoji/.) Проблема состоит вот в чём: Я прописываю код смайла в свою таблицу (в index.html), но на странице отображается не код, а какие то иероглифы, т .е. браузер переводит этот код в какой то квадратик... Не знаете в чём проблема?

    Asked by Bayyy, August 17, 2014

    0 votes
    4 answers
25. как заменить тег select на картинку

    подскажите как заменить в тэге <select> стандартный треугольник на красивую картинку? Спасибо.

    Asked by mrfrunze, August 17, 2014

    • HTML CSS select
    0 votes
    2 answers