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. Конвертировать PNG в SVG и как правильно поставить

    Доброго времени суток. Возникло пару вопросов: - Пытаюсь конвертировать png в svg через вот этот сервис https://convertio.co/ru/png-svg/ . Картинка цветная, на выходе она получается черно-белая... так и должно быть? - А как данную картинку потом вставить, если правильно, что она получается черно-белой... (хотя в принципе как правильно поставить svg) Вроде смотрела примеры, но что-то не поняла.. *первый раз пробую поставить svg Спасибо ^^

    Asked by Mary_RND,

    0 votes
    13 answers

  2. При нажатии кнопки выполняется проверка на количество символов

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

    Asked by WebNewbe,

    0 votes
    4 answers

  3. почему бг не стакается с верхним краем

    backgorund не стакается с верхним краем css body { background-color: #fff; margin: 0; } div.ferst{ height: 700px; width: 100%; background-position:21.5%; background:#0A0905 url(../img/IMGP4333.png)100% 100% no-repeat; } h1{ margin: 0; padding-left: 250px; padding-top: 59px; } html <!doctype html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <title>Whitesquare</title> <link rel="stylesheet" href="css/style.css" type="text/css"> <link rel="stylesheet" href="wtf" type="text/css"> <!--[if lt IE 9]&…

    Asked by nikif,

    0 votes
    5 answers

  4. Как выравнять форму по вертикали?

    Здравствуйте! Есть такая верстка: https://jsfiddle.net/uw5qLb12/ Как в этой ситуации выравнять форму по вертикали?

    Asked by borus,

    0 votes
    7 answers

  5. Как сделать CARDS в линию, по центру и bootstrapped?

    Как сделать CARDS в линию, по центру и bootstrapped? У меня будет 9 карт. А код здесь https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_cards_depth Если можно, то пришлите код. А то я снова накосячу Спасибо

    Asked by 123yes,

    0 votes
    0 answers

  6. совмещать в одних темплейте и bootstrap и materializecss ?

    Привет, Подскажите, 1) хочу освоить materializecss и просматривая доку на http://materializecss.com/ не вижу в materializecss возможности делать сетку в 12 колонок - что идин из- плюсов bootstrap-а. Есть ли в materializecss возможность задать такую сетку или чем-то ее заменить ?2) Я в проекте программист и у нас есть отдельно верстальщик, так он совмещает в одних темплейте и bootstrap и materializecss вроде : <link href="//fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css" /> <link href="assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css" /> <link href="assets/globa…

    Asked by mstdmstd,

    0 votes
    2 answers

  7. Сортировка

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

    Asked by Chingizovich,

    0 votes
    1 answer

  8. Решение для слайдера

    Коллеги, подскажите, как быть. Есть вот такой код для слайдера на сайте: $imagelist[] = '<div class="rotimg" style="background-image:url(/img/8_.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/10_.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_04.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_05.jpg);"></div>'; $imagelist[] = '<div class="rotimg" style="background-image:url(/img/topimg_06.jpg);"></div>'; <div class="rotate"> <?php sh…

    Asked by Степан,

    0 votes
    1 answer

  9. Не отображаеться картинка

    Здравствуйте ребят нужна помощь в казалась бы элементарных вещах, но сам никак не соображу почему не работает, не верстал уже года 3-4 где то а сейчас понадобилось сделать кнопку, банальная картинка ссылкой но почему то не работает,картинка лежит в той же самой директории,названия правильные,а картинка все равно не отображаеться, в чем может быть ошибка помогите пожалуйста) скрин директории сама картинка и файлик с html разметкой так же прилагаю скрин кода и сайта где картинка(ссылка) не отображается, вроде все элементарно а все равно не работает(

    Asked by Евгений_SB,

    0 votes
    2 answers

  10. Css свойства нескольких блоков

    Прошу прощения за, может быть, глупый вопрос: https://jsfiddle.net/Ser8191/h86vtx6h/ Имеется три блока с одинаковыми свойствами,разное лишь: margin: 10px 0 0 10px; background-image:url(prib1.jpg); Как сделать так, чтобы один раз прописать: width:35px;height:50px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; position: absolute; для всех блоков https://jsfiddle.net/Ser8191/d0g7kr5e/ Так будет правильно?

    Asked by Ser8191,

    0 votes
    3 answers

  11. Переход по форме

    Как сделать, чтоб менялась форма при нажатие на Crewing Company? <div class="select-wrapper"> <select name="demo-category" id="demo-category"> <option value="1">Seaman / Job Seeker</option> <option value="1">Crewing Company</option> <option value="1">Shipowner</option> </select> </div>

    Asked by khomchenko,

    0 votes
    1 answer

  12. Вертикальное позиционирование текста внутри блока

    Уважаемые мастера, подскажите: div.TempDv{ width:35px;height:35px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; margin: 60px 0 0 10px; position: absolute; background-image:url(prib2.jpg); text-align: center; vertical-align: bottom; } По горизонтали текст выравнивается, а по вертикали нет. Нужно чтобы текст был по середине снизу.

    Asked by Ser8191,

    0 votes
    4 answers

  13. прошу помогите знающие люди!

    ребят, очень надеюсь на вашу помощь, вознаграждением тоже не обойдем, сутуация следующего характера, в умном фильтре после выбора любой позиции, он тупа перестает раскрываться http://www.blackshina.ru/catalog/tyres/ вот именно здесь, подбор шин, все перелоатил, не могу дать ума даже примерно что рыть, отзовитесь плиз!

    Asked by imaestro,

    0 votes
    0 answers

  14. Подключение скрипта

    Ребята выручите, всю голову уже сломал. Скачал с сайта скрипт, подключаю его а он не работает. Если указываю путь на скрипт на сайте с которого скачал то все работает. В чем может быть причина. Пример: так не работает <html lang="ru"> <head> <link rel="shortcut icon" type="images/vnd.microsoft.icon" href="favicon.ico" > <link href="site/css/style.css" rel="stylesheet" media="all"> <script type="text/javascript" charset="utf-8" src="site/js/jquery.js" ></script> </head> <body> <script src="site/js/plugins.js" > </script> …

    Asked by serg3318,

    0 votes
    2 answers

  15. Нужно ли начинать работать с препроцессорами

    Здравствуйте, занимаюсь seo продвижением лет так 5, но верстать тоже умею, если нужно самому сверстать какой то сайт, то делаю это по классически html CSS3, для адаптации под мобильные использую @media и все, ну и еще где нужно bootstrap grid (только сетку) или UIkit тоже только сетку, и все. Хочу уже научится пользоваться препроцессорами less или sass, но много энергии на seo уходит. Меня в принципе все устраивает и скорость с которой пишу код, и результат на выходе, стараюсь что бы не было ничего лишнего в коде, ну и что бы валидный был. Что даст например знание less, скорость верстки? какие еще есть плюсы? Опытные верстальщики подскажите, или можно по старинке верстать…

    Asked by Romsan21,

    0 votes
    6 answers

  16. Верстака email, как сделать button width 100% на mobile и 250px desktop без @media

    Подскажите пожалуйста как сделать ширину кнопки 100% на мобильных устройствах и фиксированную (250px) на больших разрешениях ? <table class="one-column backgroundInner font" border="0" cellpadding="20" cellspacing="0" width="100%" style="border-spacing:0;" > <tr> <td style="line-height: 18px; text-align:center;"> <!-- START BUTTON --> <center> <!--[if (gte mso 9)|(IE)]> <table width="150" align="center"> <tr> <td> <![endif]--> <table cellpadding="0" cellspacing="0" border="0" > <td class="button_background outer" …

    Asked by gryshchenko1989@gmail.com,

    0 votes
    6 answers

  17. Задний фон не изменяется

    Здравствуйте, я столкнулся с такой проблемой. Я задал задний фон этому блоку но она не изменяется. <nav> <div class="mmenu"> <div class="mid"> <hr> <p><a href="index.html">Главная страница</a> | <a href="week1.html">Неделя 1</a> |<a href="week2.html"> Неделя 2</a> |<a href="week3.html"> Неделя 3</a></p> <hr> </div> </div> </nav> код в style.css div.mmenu{background: #605353;}

    Asked by rory,

    0 votes
    5 answers

  18. Супер дизайн

    http://prntscr.com/fcm086 кто нибудь сталкивался с таким слайдером, подкиньте пример решения пожалуйста. В гугле не смог найти подобного слайдера.

    Asked by Endorphin,

    0 votes
    2 answers

  19. Сбивается позиция меток

    Добрый день. Подскажите плз. как установить позиционирование в разных устройствах. (что бы метки отображались в одних и теж же точках на изображении) <style> #point_mr { font-size: 30pt; width: 50px; height: 50px; line-height: 45px; cursor: pointer; left: 80%; color: #ffffff; top: 32%; position: absolute; border-radius: 50%; border: 3px solid #ffffff; } #content { width:100%; height:100%; } </style> <div id="content" > <!--Изображение--> <img style="margin: 0px auto;position: absolute;top: 60px;bottom: -100%;left: -100%;right: -100%;min-width: 100%;min-height: auto; " sr…

    Asked by Castromen,

    0 votes
    9 answers

  20. div и ещё раз div: отступ и центрирование

    Hi there) Помогите плз доделать сайт https://tracker-list.firebaseapp.com/ Проблемы: 1) Когда сжимаешь страницу, блок rom располагается не строго по центру https://i.imgur.com/Vvdc1E8.png из-за медиа запроса где стиль width:80% Но мне нужно его отцентировать и чтобы размер был относительно страницы как по умолчанию на декстопе со свойством width:30% Что в коде изменить? 2) Если убрать id=dbox и box блок rom выглядит так как задумывалось изначально, а с ними почему-то Уже стал. Как это исправить?

    Asked by jeckk,

    0 votes
    6 answers

  21. Проблемы с WordPress

    удалите пож, тему вот скрины скриныВП.docx

    Asked by Verdere,

    0 votes
    0 answers

  22. Выпадающее меню

    Всем доброго дня! Подскажите, будьте добры, как правильно реализовать д выпадающее меню такого образца (https://artmobile.ua/shop/category-1/category991 смотрим раздел "Каталог"). То бишь, нажимаем на пункт меню и открывается меню с подпунктами. Нажимаем еще раз - подпункты пропадают. У меня получилось сделать не при клике, а только при наведении. Соответственно, если курсор убрать - подпункты снова скроются. Вот кусок кода (https://jsfiddle.net/eoL5bLmg/). Прошу помочь, даже если это банально и просто. Я с этим застрял...

    Asked by Igor_Dp,

    0 votes
    12 answers

  23. Вопрос по функционалу HTML

    Добрый день. У меня на сайте есть карта Google, с указанием места организации. Подскажите, пожалуйста, есть ли в HTML функция начала навигации по маршруту к указанному месту? На подобии функции набора телефонного номера "tel:*******". Т.е. можно ли с помощью HTML сделать так, чтобы по нажатию на карте на адрес начиналась навигация? Заранее большое спасибо.

    Asked by viperovm,

    0 votes
    0 answers

  24. Стили

    Здравствуйте, проблема такая, постоянно слитают стили. Что может быть причиной?

    Asked by Anuar03,

    0 votes
    6 answers

  25. Нужен совет новичку

    Всех приветствую, третий день изучаю сайтотворение, очень весело))) Вот есть заказик, это я собрал за 24 часа, очень интересный процесс туча матов))) http://cssdeck.com/labs/kxkm7fxs Кое-что сам, основа не моя, но измененная самостоятельно, брал все бесплатное))) разобрался почти со всем, но 1. Как мне сделать чтобы текст допустим в шапке исчезал вместе с нажатием кнопки "начать тест" 2. Как мне залить на фон нормальную фотку, нашел сайты с бесплатными красивыми фото и большие, но не могу пока сообразить как сделать фоном, получаются маленькие картинки. При масштабировании качество никакое?))) 2. Как мне залить его на вордпресс клиенту…

    Asked by Verdere,

    0 votes
    21 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