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

29,542 questions in this forum

  1. средний div на всю оставшуюся ширину

    Добрый день. Есть три элемента(кнопка, див, кнопка). Необходимо расположить их в таком порядке: кнопка прижатая к левому краю, кнопка прижатая к правому краю, див на всю ширину между кнопками. Пробую так:https://jsfiddle.net/dahilu/w82yhgn0/3/. Подскажите что нет так?

    Asked by Danil S,

    0 votes
    3 answers

  2. Тень у 6-ти угольной кнопки

    Подскажите пожалуйста можно ли как то сделать тень, а именно эффект вдавливания при hover, именно для этой формы кнопки. https://jsfiddle.net/urd76pkp/

    Asked by Konstantin99,

    0 votes
    1 answer

  3. Можно ли сделать slideDown для модального окна arcticmodal

    Для модального окна использую Jquery плагин arcticmodal https://arcticlab.ru/arcticmodal/#docs но нужно что бы окно появлялось как в методах slideDown и slideUp. Обращаюсь сюда так как в документации сказано что есть только 2а эффекта fade и none. Можно ли как то это реализовать?

    Asked by Konstantin99,

    0 votes
    0 answers

  4. открытие содержимого при наведении мышки

    Подскажите для начинающего программиста.Как сделать что бы при наведении мышки открывалось содержимое.Надеюсь получить ответ как можно скорее.

    Asked by serghan,

    0 votes
    1 answer

  5. Установка цвета через JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии…

    Asked by ErUnDAK,

    0 votes
    3 answers

  6. Как выбрать следующий за нужным элемент?

    Есть такой код: <div class="field"> <input type="text" id ="email" name="email"> <label for="email" id="label_email">Введите Email</label> </div> <div class="field"> <input type="text" id ="namel" name="name"> <label for="name" id="label_name">Введите ваше имя</label> </div> <div class="field"> <input type="text" id ="country" name="country"> <label for="country" id="label_country">Введите страну</label> </div> <div class="field"> <input type="text" id ="city" name="city"> <label for="city" id="label_city">Введите город&…

    Asked by sergei8550,

    0 votes
    1 answer

  7. transform - управление через jQuery

    Help! как из jQuery можно управлять анимацией CSS типо transform: scale(0.5) rotate(20deg); или : как на jQuery можно реализовать аналог анимации CSS типо transform: scale(0.5) rotate(20deg);

    Asked by Алекс123,

    0 votes
    1 answer

  8. Смещение блоков при масштабировании.

    Добрый вечер, уважаемые форумчане. Я пишу с нуля свой первый сайт и у меня на этапе верстки возникла проблема с размещением меню, что вкладывается в блок header. При масштабировании страницы, меню меняет свои значения: либо оно вылазит за пределы блока-родителя, либо не доходит до его границ (появляются неприятные белые полосы). Возникает вопрос, как зафиксировать меню так, чтобы масштабирование не меняло расположение его блоков? + при масштабе в 100% приходится использовать не целочисленное значения в отступах nav ul li a {padding:41.6px 50px;} для того, чтобы избавиться от белой линии под блоком (методом подгона). Хочется понять, как можно "вылечить" и этот де…

    Asked by Eugenice,

    0 votes
    1 answer

  9. Не удается скопировать CSS анимацию

    Здравствуйте, наткнулся на простую CSS анимацию свойством animation, но что-то она у меня не запускается - просто стоит посередине кнопки и все. Помогите пожалуйста. Пытаюсь скопировать "перелив" с кнопки Смотреть тут http://ma******.ru/ .b-button_animation { animation: 4s ease 0s normal none infinite running flash-button; background-image: -moz-linear-gradient(0px 0 , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 45%, rgba(255, 255, 255, 0) 50%); background-position: -150px -150px, 0 0; background-size: 250% 450%, 100% 100%; } .b-button_common-black { background: #686868; /* Old browsers */ background:…

    Asked by Miha1l,

    0 votes
    2 answers

  10. Различия в фиксированной вёрстке

    Всем привет. Может кто разъяснить один вопрос по фиксированной вёрстке. Пересмотрел несколько макетов. пытался сделать свой сайт, интересуясь как вообще делаются другие макеты. И заметил, что в некоторых из них все основные блоки (header, content или footer), расположены внутри родителя wrapper. То есть родитель имеет, например ширина 1200px, а остальные блоки внутри него уже делят эту ширину. Но меня заинтересовал другой вид, где тоже есть контейнер-родитель wrapper, но он в свою очередь растянут на весь экран. А все основные блоки, уже каждый отдельно, имеют свою ширину и отдельно центрируются. Вот я и хотел узнать, какие плюсы и минусы могут быть у …

    Asked by Tascan,

    0 votes
    2 answers

  11. Сайт на php

    У меня есть сайт на hostinger. Он в html-формате. Если я сменю формат на php, и добавлю туда некоторые строки php-кода, он будет работать на php? Возможно, вопрос будет не понятен или даже глупым, но только так пока сформулировал вопрос.

    Asked by ErUnDAK,

    0 votes
    5 answers

  12. Квадратные скобки в JavaScript

    Объясните поподробнее, почему в 24 строчке i пишется в квадратных скобках? Как это работает?

    Asked by ErUnDAK,

    0 votes
    1 answer

  13. Фон меню

    Здравствуйте, учусь верстке. Хочу сделать при наведении на ссылку меню, фоновое изображение. Сделал коряво и все смещается, так как не очень разбираюсь в свойствах - display, position. Прошу помочь и по возможности ввести в курс дела! Код: #menu { text-align: center; text-decoration: none; font-weight: bold; margin-left: 100px; } #menu ul{ } #menu ul li{ float: left; margin-right: 106px; margin-top: 40px; } #menu ul li a{ color: #6b4848; text-align: center; display: block; } .activ, #menu ul li a:hover{ background: url(../images/menu1.png); width: 150px; height: 30px; background-position: center; } <div id="menu"> <ul> &l…

    Asked by glarks,

    0 votes
    1 answer

  14. Не работает медконсультант

    Добрый день! На многих сайтах использую один и тот же код консультанта (нижний правый угол) , но на этом http://slimskin.ru/ он почему-то не открывается, хотя все добавлено так же.. Подскажите, в чем может быть дело?

    Asked by fowl,

    0 votes
    0 answers

  15. Не понятно откуда берется иконка на странице

    Добрый день! Вот страница http://boston.cafe18.ru. Там есть такие иконки http://joxi.ru/YxAe31qSzVyGmy. Я просмотрел в коде и css указания на файлы и не могу никак понять как они вставляются. Нигде не вижу пути до иконок.

    Asked by smirn0ff,

    0 votes
    1 answer

  16. Как лучше верстать резиновую карточку товара?

    Страница с каталогом туров в виде карточек, фоном на всю карточку идет изображение. На мобильных карточки располагаются друг под другом и до планшета должны тянуться. Как сделать так, чтобы при увеличении окна эти карточки растягивались пропорционально по ширине и высоте. Если изображение сделать фоном, то при изменении области просмотра карточки растягиваются только по ширине, что некрасиво, вставлять изображение через тег img тоже не то. То есть, по сути, нужно, чтобы первоначальные пропорции контейнера сохранялись при увеличении окна от мобильного представления до планшетного. Я так понимаю, тут не обойтись без javascript?

    Asked by black_c,

    0 votes
    1 answer

  17. Ищу хороший free bootsrap 3.3 темплейт для форума

    Посоветуйте, пожалуйста хороший free bootsrap 3.3 темплейт для форума... Я гуглом конечно искал - но нахожу или платные или очень старые Хочется попрактиковаться... Спасибо!

    Asked by mstdmstd,

    0 votes
    4 answers

  18. Эффект обводки текста

    Здравствуйте! Скажите как добавить эффект обводки тексту средствами css3 ?

    Asked by stan07,

    0 votes
    2 answers

  19. Дополнительная линия у фона

    Добрый день, гуру верстальщики Намучился с непонятным багом с которым столкнулся впервые. Есть две проблемы в шапке и подвале к фону добавляется линия. В начале подумал у boostrapа рамки, но оказалось нет все равно по отключал (boorder:none !important;) но не помогло. Через компьютер нормально, через телефон galaxy s6 стандартный браузер "Интернет" появляется линия. Собственно сами косячки: Отключаю фон, соответственно и линия пропадает, так я понял что дело в фоне. После думал что вырезал косячно сам элемент, но и тут все норм нарезал разных вариантов jpg, png без разницы все равно не пропадает. сам сайт dpk . kz буду очень признателен если кто…

    Asked by musulman,

    0 votes
    2 answers

  20. Заказ адаптивного сайта

    Здравствуйте, подскажите пожалуйста, допустим заказчик хочет адаптивный сайт, дизайнер должен сделать разные PSD макеты, под каждое разрешение, или верстальщик сам должен адаптировать сайт, изменяя шрифт, блоки и т.д. по своему усмотрению?

    Asked by Oleg90s,

    0 votes
    3 answers

  21. Проблема с отображением CSS и HTML

    Проблема такая: создаю HTML-файл, сохранив на рабочий стол. Захожу- открывает все как надо: страница содержит в себе CSS-элементы, включая картинку на заднем фоне. В body я прописал <img src="..."> - картинка видна. Вывод: все работает. Теперь следующее: этот же файл я перенес в папку, чтобы не занимало лишнего пространства на рабочем столе. Но подвох в том, что, открыв его(HTML-файл), выходит не то, что описал в первом абзаце. Вместо красиво оформленной страницы появляется голая страница, в которой, кроме body, ничего нет. Да и то <img src="..."> отображается как незагруженная/ненайденная картина. Т.е. CSS не делает свое дело, а тэг <img> не работает.…

    Asked by SlipSSLucker,

    0 votes
    3 answers

  22. адаптивная верстка

    Всем добрый день! Опыта мало. Пытаюсь адаптировать готовый сайт. В самом начале столкнулась с проблемой: задала body 320 px., mframe и в px., и в процентах задаю. Смотрю через Firebug и вижу, что mframe 323,6px. Почему так происходит? Ссылка на сайт http://labradorskie.com/ @media screen and (max-width: 320px) { body { width: 320px; } BODY td, th {background-color: #e5e5b7;height: 100%; } .mframe{ width:310px;height: 100%; } } ,

    Asked by tyjn,

    0 votes
    2 answers

  23. Сохранение пропорций Div при масштабировании

    Здравствуйте. Подскажите пожалуйста как решить такую задачу. Есть несколько div блоков (один под другим). Верхний Div блок содержит картинку, ширина - 100%, высота 600px. Необходимо, чтобы при изменении масштаба (например, при нажатии на CTRL + "+" или CTRL + "-") размер верхнего div блока, где картинка, сохранялся. Прикрепил картинку, чтобы было более понятно. Красным отмечена область, размер которой должен сохраняться при любом изменении масштаба. Спасибо! З.Ы. У меня получалось решить данную проблему, но возникала другая. При изменении масштаба, остальные div блоки налаживались на верхний и получалась каша.

    Asked by volchek,

    0 votes
    5 answers

  24. Проблема с Emmet на ST3

    Раньше пользовался NotePad++ с плагином emmet. Горячая клавиша была tab, к чему я, естественно, привык. Скачал Sublime Text 3, установил emmet, но работает сочетание клавиш ctrl+e. Как изменить его на tab?

    Asked by Захаров Даниил,

    0 votes
    1 answer

  25. Проблема с Flex

    Столкнулся с такой проблемой что при уменьшении окна браузера flex-элементы не хотят выстраиваться в один столбец. В песочнице все работает отлично, а когда делаю у себя на компьютере, то не работает. Код один и тот же пишу. На скриншотах все видно. Код в песочнице Скриншот 1 Скриншот 2 Проверял в Firefox все работает, а в Chrome нет... Понять не могу почему, хотя как делал примеры все работало, а когда начал сам делать не работает. (это я про то что в хроме не работает)

    Asked by John106,

    0 votes
    5 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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