Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Несколько HTML страниц на одной HTML странице

    Здравствуйте! Как сделать так, что бы на странице "index" находилось несколько других страниц, расположенных в определённых местах. В html 4 это выглядело как то так: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег FRAMESET</title> </head> <frameset rows="7%,70%, 15%", frameborder="yes", frameborder = "1"> <frame src="top.html"> <frameset cols="20%,80%"> frameborder="no" <frame src="Menu.html" name="leftFrame" scrolling="yes" noresize> <frame src="Main.html" name="main"> </frameset> <frame src="footer.htm…

    Asked by Nightingale81,

    0 votes
    1 answer

  2. Помогите с расположением элементов!

    Здравствуйте! Подскажите как можно сместить иконку Facebook вправо а текст оставить слева чтобы потом иконки можно было добавить border. Вот код HTML <div class="item__price"> Цена по запросу <a href="" target="_blank"><i class="fa fa-facebook"></i></a> </div> Вот Css .item__price { padding: 5px; font-size: 16px; margin-bottom: 5px; color: #778899 }

    Asked by kaska25k,

    0 votes
    2 answers

  3. Аттрибут checked у звездного рейтинга не перемещается

    Есть реализация звездного рейтинга. Она работает. Но аттрибут checked не перемещается на выбранный инпут, а остается там же где был. Вот например, стоит оценка 3 из 10 (т.е. аттрибут checked на 3 инпуте), мы хотим поставить оценку 6 из 10 и визуально это срабатывает, но аттрибут checked так и остается на 3-ем инпуте вместо 6-го. Это важно, т.к. эта информация нужна бэкэндеру. Получается ему придет неверная информация Как сделать чтобы аттрибут checked тоже пермещался на выбранный инпут? Только на js это получится реализовать? https://codepen.io/anon/pen/NJGMgv

    Asked by yaparoff,

    0 votes
    1 answer

  4. Less или Sass . И нужно ли вообще учить

    Скажите реально ли препроцессоры упрощают жизнь и какой из них учить первым?Ну и какие полезные советы по изучению или использованию можете дать?

    Asked by go_Ed_Edy,

    0 votes
    6 answers

  5. Проблема с меню на CSS

    Всем привет :) Пытаюсь сверстать свой первый макет, и возникла проблема с меню. Должно быть, как на первой картинке - это макет из фш. Выходит, как на второй, меню спадает вниз. Прошу, пожалуйста, тыкните на ошибку в коде, и, если есть возможность, объясните. буду очень рада ответам! Код кидаю: *{margin: 0; padding: 0; outline: 0} .clearfix::after { content:""; height: 0; display: block; clear: both; } div .container { width: 1300px; margin: auto; background: #fff; } header { width: 100%; height: 130px; border-top: 8px solid #a292b3; position: fixed; z-index: 2; } .logo { margin: 30px 0 20px 170px; }…

    Asked by Sve,

    0 votes
    3 answers

  6. div блок съезжает при уменьшении окна

    div блок постоянно съезжает, хотя опробовал все. Ответы, что я находил не помогали, смена позиционирования тоже. Может, кто знает как это исправить? Код прилагаю HTML Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css"> <title>Вход</title> </head> <body bgcolor="#34495e"> <form class="box" action="index.html" method="post"> <h1>Вход</h1> <input type="text" name="" placeholder="Имя п…

    Asked by Fani,

    0 votes
    9 answers

  7. Почему не работает animation-delay?

    Задача - появление блока внизу экрана спустя определенное время. например для теста через 5 секунд, в течение 3х секунд всплытие .block { display:block; width:100%;max-height:340px; height:220px; position:fixed; background:coral; bottom: 0; max-width:900px; animation:anim 3s; animation-duration:anim 3s; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } @keyframes anim { from {bottom:-100%;} to {bottom:0;} } Живой пример Если не добавлять задержку выезжает через 3 сек. если добавить - сразу появляется и задержки нет. разобрался с вопросом. Надо было изначал…

    Asked by nikki4,

    0 votes
    1 answer

  8. Как отобразить блок, который пропадает из-за overflow?

    Есть слайдер. Чтобы скрыть слайды, у блока lsbslider стоит overflow: hidden; У слайдера есть стрелки навигации. - .left хочу сместить стрелку левее от блока. т.е. чтобы стрелка была вот так: http://joxi.ru/BA0KBq0HMlxJq2 Вопрос как сделать ,чтобы она не пропадала. Сейчас стрелку не видно, так как у блока выше overflow:hidden <div class="lsbslider"> <a class="left" href="#" role="button"></a> </div> .lsbslider {width: 300px; position: fixed; left: 100px; height: 200px; background:coral; overflow: hidden; } .left { left:-30px; } .left { position: absolute; display: flex; width: 30px; height: …

    Asked by nikki4,

    0 votes
    1 answer

  9. Реализация элементов фона

    Добрый день. Очень нужен совет. Есть макет лэндинга, ничего в принципе сложного, но не могу понять, как лучше реализовать некоторые элементы (выделил красной рамкой на пикче). Либо с помощью svg, но тогда сложно будет редактировать толщину линий при адаптиве. Либо создавать div'ы и стилизовать их. Или не заморачиваться и запечь эти элементы с фоновый изображением. Делаю тестовое для собеседования, хочется грамотно к вопросу подступить. Как вы реализуете подобное? Лично я первый раз с таким дизайном в практике встречаюсь, вот и колеблюсь. Заранее спасибо.

    Asked by Константин(Mushr00m),

    0 votes
    2 answers

  10. :hover в мобильных версиях

    Доброго времени суток! Сделал меню 2-х уровневое, подуровень через :hover у ul. На десктопе все ок, а вот на мобильной версии как реализовать чтобы подменю открывалось не через наведение а по клику? Так например в стандартном меню от bootstrap4 сделано. Подскажите?

    Asked by Coby1987,

    0 votes
    6 answers

  11. Что сильнее импотента?

    Сейчас блок черный, можно ли его сделать его зеленым через css? изменять html нельзя (генерируется на стороннем сервере через скрипт) <div id="mainblock"> <block> <block> <block style="background:black !important;"></block> </block> </block> </div> #mainblock block block block { width:200px; height:200px; display:block; background: green !important; } Живой пример

    Asked by nikki4,

    0 votes
    4 answers

  12. Макет

    Добрый день я вот только осваиваю верстку, начал делать данный макет и меня интересует левый блок там где чемоданчик и вертикальный текс, я его выровнял падингом и центровал line-height ом (сам левый блок"Белый" и правый "Blow" сделал флексом) Какие методы более правильные в данной задаче

    Asked by Nemesis,

    0 votes
    6 answers

  13. Как сделать маркер списка над текстом по середине???

    как сделать???

    Asked by Marchysh,

    0 votes
    9 answers

  14. oveflow-y: scroll когда не влазит динамический контент

    Если коротко: нужно чтобы попап при мелкой высоте влазил в экран, за счет появления полосы прокрутки (у попапа есть динамически появляющиеся поля) Подробнее: Есть попап. На мобилках он отображается на всю высоту экрана. Его низ должен быть всегда прижат (к низу). Но усложняет задачу то что могут появляться динамические поля Когда нажимаем радиобаттон, всплывают новые поля. Т.е. высота полей не определена. При этом если внутренности попапа не влезают по вертикали (на мелких по высоте экранах), нужно чтобы появлялась полоса прокрутки. Вот тут я не знаю какую макс высоту назначить чтобы эта полоса появлялась. Как решить эту проблему? Пробовал делать флексбок…

    Asked by yaparoff,

    0 votes
    5 answers

  15. как задать расположение элемента внутри блока

    Нужно расположить Звездочки рейтинга внизу поцентру внутри блока. Я только начинаю разбираться. Не судите строго пжл. Делаю всё в wordpresse. Можно ли присвоить css класс звездочкам и присвоить css класс блокам и потом в редакторе css сделать такое правило звездочки распологаются внутри, снизу, поцентру блоков. Если да то какой командой? нашел решение .zvezda { position:absolute; top:100%; left:50%; transform: translate(-50%, -50%);

    Asked by vasily333,

    0 votes
    1 answer

  16. Как правильно задавать расстояние между однотипными блоками

    Добрый день, буду благодарен за ответ или ссылку где есть ответ на следующий вопрос. Как правильно(стандартный метод) расположить однотипные блоки, в случае если между ними должно быть расстояние, но крайние блоки прилегают к родительскому блоку. Расстояние между блоков не должно меняться. Как пример http://prntscr.com/n1p5ol . Методом проб и ошибок, нашел несколько способов, и считаю самым правильным из этих способов задать всем блокам margin-right, а у каждого последнего блока строки убрать margin-right. Но если последний блок перепрыгнит на следующую строчку, то два блока склеятся. Второй метод задавать последнему блоку строки отдельный класс без margi…

    Asked by BezMizinca,

    0 votes
    5 answers

  17. как сделать перелистывание контента на странице?

    Взял простенький psd макет для практики. Возник вопрос. Как сделать так, чтобы при клике на выделенные на скрине стрелочки, контент между ними перелистывался? На данном этапе сделал заголовок и навигационное меню, а также добавил фон. Возможно ли как то решить данную задачу при помощи HTML и CSS?

    Asked by RoninDeath,

    0 votes
    7 answers

  18. Файлы скачиваються с кавычками ('file_name.gsm')

    При открытии ссылки на скачивание файла, браузер добавляет кавычки в название. Пользуюсь google chrome на ubuntu. Вопрос, почему так скачиваються файлы? На версии chrome 70 все скачивается адекватно, а на более новых добавляються кавычки и не понятно с чем это связано. Нужно исправить проблему или хотя бы найти. Так как обновления на сайт не накатывались то логично что это что то с браузером, но для того чтобы исправить нужно найти в чем суть проблемы. Варианты ответов типа "У тебя ошибка на сервере", без описания возможной ошибки и "Браузер смени" не подходят. Прикрепляю скрин файла и отправляемые параметры: <ahref="/record?folder=folder34&id=3535454.56453Fuf"&gt…

    Asked by Sakuemy,

    0 votes
    0 answers

  19. Центрирование при разном размере изображений

    Здравствуйте уважаемы знатоки. Заканчиваю верстку галереи, но возникла пара неприятных моментов. Первый. Это проблема вертикального позиционирования "плюса" на оверлее элемента галереи. На контейнере с плюсом у меня простые правила: position: absolute; top: 42%; left: 41%; , на скрине видно, что на верхнем элементе все выглядит как нужно, но у нижнего плюс расположен вертикально не по центру. У остальных элементов галереи такая же ситуация. Конечно есть вариант создать для каждого размера изображения свой класс, и прописать там индивидуальные координаты, но для начала решил спросить у ведующих. Какой универсальный вариант решения данной задачи…

    Asked by Константин(Mushr00m),

    0 votes
    2 answers

  20. [Решено] Верстка списка в 2 колонки

    День добрый. Сделал список характеристик в 2 колонки. В одном li 2 span'а: Заголовок характеристики и тип значение характеристики. Все выровнены по левому краю. Но если значение выводится очень длинным, оно перескакивает на новую строчку (см пример). Из-за этого весь внешний вид портится... Как это исправить? Заранее спасибо! Друзья, пардоньте, сам разобрался. Убрал max-width для каждой колонки

    Asked by dron,

    0 votes
    2 answers

  21. три состояния у SVG: закрасить svg (свойство fill не помогает)

    у svg должно быть три состояния обычное, при наведении, при нажатии думаю как это сделать Vне бы хотелось его вставить в html разметку, а не просто с помощью bsckground-position. Т.к. я хочу анимации при наведении (transition). И я могу менять цвет обводки с помощью css-свойства fill. Но есть еще одно состояние когда картинка полностью закрашена. Как сделать чтобы то же свг закрашивалось полностью (например при добавлении класса)? У меня не получается просто добавить css свойство для этого Какие есть еще идеи? https://jsfiddle.net/ypqz5Lh6/

    Asked by yaparoff,

    0 votes
    13 answers

  22. Длина черточек зависит от контента. Как такое сделать?

    На дизайне у этих черточек разная длина и зависит от контента. Кто нибудь знает как сделать такое в верстке? https://codepen.io/anon/pen/WWraar

    Asked by yaparoff,

    0 votes
    7 answers

  23. Помогите пожалуйста розобратся с эти м макетом

    Не могу понять как сделать такой ховер?

    Asked by misinkevych.alina,

    0 votes
    4 answers

  24. Вопрос про разбитие текстового блока на страницы

    Подскажите. Имеется, скажем, div с текстом произвольной длины. Div фиксированной высоты и ширины. Мне нужно сделать, чтобы автоматически определялось количество строк, и если их больше, чем заданное значение, снизу бы появлялись кнопки навигации (мол, страница 1 и страница 2), и оставшийся текст переносился бы на следующую страницу. Как это можно реализовать?

    Asked by Егорыч,

    0 votes
    1 answer

  25. проверка на простое число

    Помогите, пожалуйста. Задание: Вводится число, проверяется на простоту. Выводится сообщения является ли число простым.Нужно, чтобы просто открывалось в браузере. Сделала кнопку, вписала алгоритм, как сделать вывод сообщения?<html> <body> <script>function isPrime(num) {for(var i = 2; i < num; i++)if(num % i === 0)return false ;return num > 1;}</script><form name=f> <INPUT TYPE=button value="Открыть окно ввода" onClick="e=window.prompt('Введите число');"> </form> </body>

    Asked by alenareksi,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept