HTML Coding

29542 questions in this forum

1. Как сделать input type="text" прозрачной

   Здраствуйсте подскажите как сделать input type="text" прозрачной. И возможно ли это вообще. Спасибо за ранее

   Asked by Qwerty123@, April 17, 2019

   0 votes
   2 answers
2. [Решено] Почему не работает анимация keyframes?

   http://leveler.ru/i-icons/demo.html Cлепил из svg набор иконок в icomoon, приклеил анимацию вращения. Не вращается В найденном примере вроде всё так же. Но при этом - работает: https://codepen.io/Keyamoon/pen/aHxuq Что я сделал не так? UPD: не хватало display:inline-block;

   Asked by d0ublezer0, April 19, 2019

   • icomoon
   • keyframes
   • rotate
   0 votes
   0 answers
3. создать текст поверх двух картинок

   Задача: 2 картинки с текстом на их поверхности нужно разместить на одной линии Как сделать? Я сделал так ( не получается) : <div class="foto1"> .foto1{ <img src="#"> display: inline-block; </div position: relative; float: left; <div class="foto2"> } <img src="#"> img:{ </div …

   Asked by Rezvykh, April 22, 2019

   0 votes
   0 answers
4. Помогите с сеткой через flex

   Добрый день! Подскажите, как можно реализовать сетку, как на фото, через flex. Проблема с картинкой, которая занимает последние две строки, с машиной. После неё, картинка с котом уходит вниз( Заранее спасибо)

   Asked by IceAge624, April 20, 2019

   0 votes
   6 answers
5. Как сделать html таблицу с объединением ячеек?

   Доброго дня всем матерым верстальщикам. Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями. А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил. Каркас table tr td без объединения ячеек могу сделать, но нужно объединить. Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.

   Asked by Evsey, April 20, 2019

   • таблица
   • верстка
   • html
   • css
   0 votes
   3 answers
6. На движке Metronic

   Подкинули мне такую вакансию. требуется врестальщик с опытом Скил - Boostrap 3 , jQuery, JavaScript, CSS ,HTML Задача создать Панель по уже готовым эскизам (макету) на движке Metronic (https://keenthemes.com/metronic/) Что значит на движке Metronic? Это просто макет или нечто большее?

   Asked by torsar, April 26, 2019

   0 votes
   3 answers
7. Сделать ссылку на новое окно меньшего размера. И открывающееся отдельно.

   Хочется сделать так, как здесь: https://www.myscore.ru Кликаешь по любому матчу - и открывается отдельное и меньшее окошко. Я пока что пробовал просто атрибут ссылки target=_blank. Выползала, во-первых, новая вкладка (в том же окне). Во-вторых, того же размера. Спасибо и извините за нубство.

   Asked by Edwards, April 27, 2019

   0 votes
   3 answers
8. Проблема с кнопками

   Здравствуйте! Помогите, пожалуйста! Что нужно исправить (добавить) в коде, чтобы было как на изображении снизу? Спасибо!

   Asked by clean-nt, April 30, 2019

   • css
   • html
   0 votes
   0 answers
9. Как закрасить svg при добавлении класса?

   Скажите, как закрасить svg при добавлении класса? По логике должно быть так .like-icon--filled .like-icon__inside { fill: #499DDE; } Но это не работает https://codepen.io/anon/pen/QPoRwg

   Asked by yaparoff, April 29, 2019

   0 votes
   2 answers
10. Фиксация цвета шрифта гиперссылки

    Добрый день! Есть два фрейма. Один фрейм содержит статическую html-страницу, представляющую собой таблицу из группы товаров. Клик по гиперссылке в таблице загружает html-страницу с описанием товара в другом фрейме. Помогите изменить и зафиксировать цвет шрифта у гиперссылки, на которую кликает пользователь с таким раскладом, чтобы при следующем клике цвет шрифта гиперссылки, по которой кликнул пользователь в прошлый раз, восстанавливался на исходный. Т.е. цвет шрифта будет носить чисто индикативный характер. Если такое невозможно реализовать на CSS, просьба, сообщить! Заранее спасибо за любое предложенное решение!

    Asked by Montego, April 30, 2019

    0 votes
    4 answers
11. Border

    Добрый день. Создал меню горизонтальное и по макету нужно сделать между меню полоску. как должно выглядеть: Фото меню Скрытый текст https://ibb.co/YWy3VTd Я ее добавил в <li>border-right: 1px solid #fff. и у последней ссылки ее нужно убрать. как сделать чтобы рамка не виднелась??? хотел отдельно последний пункт меню взять в ид и убрать ее. но чтото не получается. <li id="contact_us"> <a href="#">CONTACT US</a> </li> кроме как вставлять блок или картинку чтоб замазать ничего не приходит в голову. подскажите пожалуйста реально ли ее убрать через стили ?

    Asked by Twix, May 4, 2019

    • css
    • html
    • border
    0 votes
    2 answers
12. Радиокнопки

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

    Asked by ElizavetaSenkova, May 7, 2019

    0 votes
    2 answers
13. Вопрос по вёрстке.

    Добрый вечер. Чтоб не спамить разными сообщениями на форуме создам все тут. #Вопрос 1. Я пока не нашел ответ в гугле, спрошу тут и пойду искать дальше. Шапка сайте идет на всю ширину экрана(лого и форма поиска). а вот ее сайт(статьи меню и т.д) идут в блоке с каждой стороны примерно по 10% ширины нет(как margin я как понимаю) и там ничего не должно быть активно. там будет свой фон. Вот как можно это сделать сразу? я подумал сначала сделать в body убрать по 10% с каждой стороны но у меня там шапка. На текущий момент кроме как когда создавать блоки с контентом их каждый в писать ширину и поля с отступами. Подскажите как это сделать сразу же заранее.

    Asked by Twix, May 10, 2019

    • css
    • html
    0 votes
    2 answers
14. Закруглённые треугольники с полупрозрачным фоном

    Всем привет. Озадачил меня дизайнер, ничего хорошего не могу придумать, гугл тоже отказывается помогать. Нужно сделать вот такие штуки http://prntscr.com/nsyswi Задача усложнена ещё тем, что фон должен быть пролупрозрачный. Буду благодарна за подсказку.

    Asked by Crystal-3, May 24, 2019

    0 votes
    2 answers
15. Проверка Формы на пустоту.

    Добрый день! Помогите, пожалуйста, мне нужно сделать так, что-бы форма не отправлялась мне на мыло пустая, а чтоб проверялась на пустоту... <div id="order" class="popup"> <a href="#" onclick="cart.closeWindow('order', 0)" style="float:right">[Закрыть]</a> <h4>Введите данные</h4> <form id="formToSend"> <input id="fio" type="text" placeholder="Имя" class="text-input" /> <input id="city" type="text" placeholder="Район Риги" class="text-input"/> <input id="phone" type="text" placeholder="Контактный телефон" class="text-input"/> …

    Asked by mrvelan, May 24, 2019

    • форма
    • проверка
    • пустота
    0 votes
    5 answers
16. Как сделать текст адаптивным?

    Здраствуйте!Делаю адаптацию сайта и текст уходит в право когда все елементы слева.Пробывал margin:0; и все равно текст остается с права

    Asked by kartopelka, May 26, 2019

    0 votes
    6 answers
17. Иконки анимация

    Привет всем.Не могу поменять размер иконок с сайта https://fontawesome.com/icons/key?style=solid и не получается сделать такие разделы как на картинке, может кто-то занет как это сделать? вот ссылка на код http://jsfiddle.net/kcd86y01/1/ и они еще должны выезжать анимацией

    Asked by Govt_sm80, May 27, 2019

    • transition
    0 votes
    2 answers
18. Всплывающее изображение при наведении

    Есть HTML список. Хочу сделать так, чтобы при наведении на пункт всплывало соответствующее изображение заданных размеров. Из обязательных условий - чтобы изображение перемещалось вместе с курсором мыши. Гуглил, но все что удалось нагуглить - это изображение, которое появляется в определенном месте, а не "бегает" приклеенным к курсору. Может кто-нибудь сталкивался, дайте ссылку на реализацию подобной фичи.

    Asked by xSPiRiTx, May 29, 2019

    0 votes
    6 answers
19. Как задать отступ для колонки

    Здравствуйте, я начинающий верстальщик, только учусь сейчас изучаю технологию Bootstrap и у меня возникла проблема, есть три блока с контентом, каждый занимает по 4 колонки то есть использую col-md-4, в сетке бутстрапа в макете все отлично сходиться вместе с 20px margin-right, но в верстке как только в CSS пишу margin хотя бы 1 px, последний блок сезжает на строчку ниже. Подскажите как с этим быть заранее спасибо.

    Asked by vka986, May 29, 2019

    • bootstrap
    0 votes
    2 answers
20. Некоторые элементы на всех страницах

    Здравствуйте! Простите, если не сюда пишу. Только начинаю изучать HTML и CSS. Сверстал страницу, на которой присутствуют шапка, футер, меню. Страница трехколоночная. Сайт планирую делать многостраничным. Теперь задался вопросом: Как разместить основные блоки сайта на всех страницах? Имею в виду: футер, шапку, боковые колонки. Не размещать же их на каждой странице. Имею в виду, если кликнуть на ссылку в меню, то открывается новая страница без меню, футера и т.д. Как сделать, чтобы эти основные блоки отображались во всех страницах. Буду рад советам! По форуму искал и читал, но не смог применить некоторые наброски к своему с…

    Asked by iiwanc, June 30, 2019

    • блоки
    • html
    0 votes
    2 answers
21. [LESS] Разные правила для блоков с разными родителей

    Всем привет. Есть верстка: <div class="sharing-new position-left"> <div class="sharing-new-title">Заголовок 1</div> </div> <div class="sharing-new position-bottom"> <div class="sharing-new-title">Заголовок 2</div> </div> Для блока sharing-new-title с модификатором родителя position-left нужно применить один стиль, а для него же, но с модификатором position-bottom - другой. Пытался сделать по аналогии с вариантом https://jsfiddle.net/3qsfcep7/, но так НЕ работает: .sharing-new { &.position-left { &-title & { color: red; } } &.…

    Asked by Shurikkan, June 3, 2019

    0 votes
    3 answers
22. Помогите оформить рамку

    Опишу свою проблему лаконично. Не могли бы вы подсказать как встроить текст в линии рамки, как показано на картинке.

    Asked by Familyar, June 8, 2019

    0 votes
    2 answers
23. Эффект при наведении

    Всем привет, подскажите пожалуйста как добиться такого эффекта при наведении как на видео. Заранее всех благодарю. ScreenRecorderProject2.mkv

    Asked by Gruzin, June 8, 2019

    • псевдоэлементы
    • css
    0 votes
    4 answers
24. Рендеринг шрифта отличается на macOS и Windows

    Здравствуйте. При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows. Браузер Chrome последней версии. Вот так шрифт отображается на ОС Windows - идеально расположен по центру А вот так уже на macOS. Шрифт смещен с центра к верху. Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?

    Asked by Temiks, June 11, 2019

    • шрифт
    • рендеринг шрифта
    • рендеринг в вебе
    • различный рендеринг
    0 votes
    3 answers
25. Свой шрифт(из интернета)

    Здравствуйте, я бы хотел использовать пиксельных шрифт на сайте, скачал его из интернета, но не понял как использовать его. Интернет обсёрфил, не нашёл. Помогите пожалуйста.

    Asked by Frogg, June 9, 2019

    • шрифт
    • свой
    • интернет
    • css
    0 votes
    1 answer